グラフjsは、ホバー時の古いグラフデータを表示します

Question

chart.jsを使用してドーナツチャートに問題が発生していました。問題は、グラフを更新するときです。グラフ上にカーソルを合わせると、古いグラフが表示されることがあります。私はチャートをプロットする関数を呼び出すのはここです：

<select class="form-control" id="ddlCategory" onchange="plotChart()">  
</select> 

function plotChart(){ 
// removed code to retrieve data from firebase 
var chart; 
var ctx = document.getElementById('donutChart').getContext("2d"); 
var data = {}; 
var opt = { 
      type: "doughnut", 
      data: data, 
      options: options 
     }; 

     if (chart) { 
      chart.destroy(); 
      chart.clear(); 
     }else{ 
      chart = new Chart(ctx,opt); 
     } 
for(var i = 0; i < labelData.length; i++){ 
     chart.config.data.labels.push(labelData[i]); 
    } 
chart.update(); 
} 

私はそれを更新する前に、前のチャートを破壊しようとしたが、無駄に。何か案は？

Answer 1

実際には、前のチャートを破棄する必要があります。おそらく、次のように試してみてください。

function plotChart() { 
    // removed code to retrieve data from firebase 

    var ctx = document.getElementById('donutChart').getContext("2d"); 
    var data = {}; 
    var opt = { 
     type: "doughnut", 
     data: data, 
     options: options 
    }; 

    if (chart) chart.chart.destroy(); 
    window.chart = new Chart(ctx, opt); 

    for (var i = 0; i < labelData.length; i++) { 
     chart.config.data.labels.push(labelData[i]); 
    } 
    chart.update(); 
} 

Answer 2

あなたのチャート変数が）関数が呼び出され、したがって、あなたがplotchart（呼び出すときに存在することはありません毎回再宣言されているようです。以前に変数を宣言し、存在する場合は正しいスコープにインポートすることをお勧めします。それはあなたの問題の中核であるようです。