Commit 08d2392f authored by Sascha Herzinger's avatar Sascha Herzinger
Browse files

fixed tooltip

parent 01103e3b
......@@ -277,17 +277,15 @@ ${typeof this.categories.name === 'undefined' ? d[2] : this.categories[d[2]]}</b
legendElement.exit()
.remove();
const nodes = this.memory.selectAll('circle').nodes();
const nodes = this.memory.selectAll('circle')
.filter(d => typeof _selectedCategory === 'undefined' || d[2] === _selectedCategory)
.nodes();
const ctx = this.canvas.node().getContext('2d');
const hiddenCtx = this.hiddenCanvas.getContext('2d');
this.colorToTooltipMap = {};
const t = d3.timer((elapsed) => {
setTimeout(() => {
ctx.clearRect(0, 0, width, height);
hiddenCtx.clearRect(0, 0, width, height);
nodes.forEach((node, i) => {
if (typeof _selectedCategory === 'undefined' || node.getAttribute('data-z') === _selectedCategory) {
// draw visible point
nodes.forEach((node) => {
ctx.beginPath();
ctx.arc(
node.getAttribute('dx'),
......@@ -299,8 +297,14 @@ ${typeof this.categories.name === 'undefined' ? d[2] : this.categories[d[2]]}</b
);
ctx.fillStyle = node.getAttribute('fillStyle');
ctx.fill();
// draw invisible square with unique color
});
}, 0);
if (elapsed > ANIMATION_DURATION * 2) {
t.stop();
this.colorToTooltipMap = {};
const hiddenCtx = this.hiddenCanvas.getContext('2d');
hiddenCtx.clearRect(0, 0, width, height);
nodes.forEach((node, i) => {
const colorCode = i + 1;
// eslint-disable-next-line no-bitwise
const r = colorCode >> 16;
......@@ -316,10 +320,8 @@ ${typeof this.categories.name === 'undefined' ? d[2] : this.categories[d[2]]}</b
Math.ceil(node.getAttribute('r') * 2 + 0.5),
Math.ceil(node.getAttribute('r') * 2 + 0.5),
);
}
});
}, 0);
if (elapsed > ANIMATION_DURATION * 2) t.stop();
}
}, 0);
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment