phyks/timeline.js
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Popups at the right place

Browse Source
This commit is contained in:
Phyks 2014-03-28 22:33:40 +01:00
parent 75cf8a13c9
commit c8c18966a2
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
timeline.js
View File

@ -298,13 +298,23 @@ SVG.draw = function() {
if(SVG.labels[point] !== '') {
element = document.createElementNS(SVG.ns, 'text');
element.setAttribute('class', 'label');
element.setAttribute('display', 'none');
element.setAttribute('id', 'label_'+point);
element.setAttribute('transform', 'translate(0, ' + SVG.holder.parentElement.offsetHeight + ') scale(1, -1)');
element.setAttribute('x', x[point]);
element.setAttribute('y', SVG.holder.parentElement.offsetHeight - y[point]);
element.innerHTML = SVG.labels[point];
element.setAttribute('transform', 'translate(0, ' + SVG.holder.parentElement.offsetHeight + ') scale(1, -1)');
SVG.g.appendChild(element);
if(x[point] + element.getBoundingClientRect().width / 2 > SVG.holder.parentElement.offsetWidth) {
element.setAttribute('x', x[point] - element.getBoundingClientRect().width - 10);
element.setAttribute('y', SVG.holder.parentElement.offsetHeight - y[point] + 5);
}
else if(x[point] - element.getBoundingClientRect().width / 2 < 0) {
element.setAttribute('x', x[point] + 10);
element.setAttribute('y', SVG.holder.parentElement.offsetHeight - y[point] + 5);
}
else {
element.setAttribute('x', x[point] - element.getBoundingClientRect().width / 2);
element.setAttribute('y', SVG.holder.parentElement.offsetHeight - y[point] - 10);
}
element.setAttribute('display', 'none');
}
}