ChartJS在悬停时显示抖动

Question

我正在使用chartJS

---

尝试＃1

var ctx = document.getElementById(configs.selectorId).getContext('2d');
// chart.destroy();
var chart = new Chart(ctx, options);

---

尝试＃2

var ctx = document.getElementById(configs.selectorId).getContext('2d');
var chart = new Chart(ctx, options);
chart.update();

---

尝试＃3

var ctx = document.getElementById(configs.selectorId).getContext('2d');
window[configs.selectorId] = new Chart(ctx, options);
window[configs.selectorId].update();

---

尝试＃4

if(window[configs.selectorId] && window[configs.selectorId] !== null){
    window[configs.selectorId] = []
}

var ctx = document.getElementById(configs.selectorId).getContext('2d');
window[configs.selectorId] = new Chart(ctx, options);

---

尝试＃6

if(window[configs.selectorId] && window[configs.selectorId] !== null){

    // console.log(window[configs.selectorId]);
    delete window[configs.selectorId];
}

console.log(window);

var ctx = document.getElementById(configs.selectorId).getContext('2d');
window[configs.selectorId] = new Chart(ctx, options);
window[configs.selectorId].update();

---

尝试＃6

$('canvas').html("");

before call my chart

---

请告知操作方法。

我在这里复制它：http://bheng-charts-demo.herokuapp.com/

Answer 1

只要您使用java -version java version "1.7.0_131" OpenJDK Runtime Environment (rhel-2.6.9.0.el6_8-x86_64 u131-b00) OpenJDK 64-Bit Server VM (build 24.131-b00, mixed mode) 构造函数，在将画布重新用于新图表之前，应先调用对documentation new Chart()方法的编码。

对于您而言，它应按以下方式工作

destroy

这是我根据您的代码创建的代码段： https://codepen.io/sergey_mell/pen/qBdBVpe 我刚刚将您的随机数据API更改为本地随机生成的数据

请让我知道我的答案不够清楚，或者您需要其他信息