kemko/nomad
1
0
Fork 0
mirror of https://github.com/kemko/nomad.git synced 2026-01-08 11:25:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

Avoid race conditions around showing and hiding the line chart tooltip

Browse Source
This commit is contained in:
Michael Lange
2018-09-07 17:59:37 -07:00
parent 0d7c22ff08
commit b84d75597d
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/components/line-chart.js
View File

@@ -197,11 +197,14 @@ export default Component.extend(WindowResizable, {
const canvas = d3.select(this.element.querySelector('.canvas'));
const updateActiveDatum = this.updateActiveDatum.bind(this);
canvas.on('mouseenter', () => {
run.schedule('afterRender', this, () => this.set('isActive', true));
const chart = this;
canvas.on('mouseenter', function() {
const mouseX = d3.mouse(this)[0];
chart.set('latestMouseX', mouseX);
updateActiveDatum(mouseX);
run.schedule('afterRender', chart, () => chart.set('isActive', true));
});
const chart = this;
canvas.on('mousemove', function() {
const mouseX = d3.mouse(this)[0];
chart.set('latestMouseX', mouseX);
@@ -209,7 +212,7 @@ export default Component.extend(WindowResizable, {
});
canvas.on('mouseleave', () => {
this.set('isActive', false);
run.schedule('afterRender', this, () => this.set('isActive', false));
this.set('activeDatum', null);
});
},