Charts.js donut

Question

Я использую Charts.js Doughnut chart, который отображает динамические данные, поступающие на временные интервалы.
Когда я отменяю временные интервалы звонков или перезагружаю страницу! она выглядит хорошо:

Когда я обновить, что с интервалами времени и перейти с помощью мыши, кажется, что это сделать еще один слой на каждом вызове.

Я уже пытался сделать это один раз и удалить и установить новые данные, но он все еще сходит с ума от мыши над.

var canvas = document.getElementById('modular-doughnut'); 
var context = canvas.getContext('2d'); 
context.clearRect (0 , 0 , canvas.width, canvas.height); 
var moduleDoughnut = new Chart(context).Doughnut(chart_data, config); 

EDIT: Благодаря @Koogle я могу сказать, что проблема заключается в подсказках.

Как это решить?

Answer 1

Для того, чтобы использовать тот же холст, вы должны очистить ссылку (и) к нему. Charts.js заявляет, что вы должны использовать .destroy(), чтобы очистить все ссылки на холст.

Вы читали об этом здесь: Charts.js .destroy()

Я была такая же проблема в некоторых динамических диаграммах, которые я сделал, так что я нашел, что это проще просто создать DIV вокруг холста, очистить DIV с помощью JQuery $ ("# divID "). empty(), а затем добавьте новый холст.