我正在使用Chartjs显示折线图,并且可以正常工作:
// get line chart canvas
var targetCanvas = document.getElementById('chartCanvas').getContext('2d');
// draw line chart
var chart = new Chart(targetCanvas).Line(chartData);
但是,当我尝试更改图表数据时,会出现问题。我通过使用新的数据点创建图表的新实例来更新图形,然后重新初始化画布。
这很好。但是,当我将鼠标悬停在新图表上时,如果碰巧越过了与旧图表上显示的点相对应的特定位置,则仍会触发悬停/标签,并且突然可见旧图表。当我的鼠标位于该位置时,它仍然可见,而从该点移开时,它消失。我不希望显示旧图表。我想将其完全删除。
在加载新画布之前,我已尝试清除画布和现有图表。喜欢:
targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height);
和
chart.clear();
但是到目前为止,这些方法都没有起作用。关于如何阻止这种情况的任何想法?