將第二個數據集追加到現有的chartjs圖表

是否有辦法將第二個數據集添加到現有的chartjs圖表中？我在我的網站上有一個預先呈現的圖表，並且喜歡在點擊按鈕時將第二個數據集添加到圖表。將第二個數據集追加到現有的chartjs圖表

我已經得到了我創建的條形圖與一個數據集項功能

function renderChart(dataset_energy){ 
     var ctx = document.getElementById("myChart").getContext("2d"); 
     var data = { 
      labels:["Jan","Feb","Mar","Apr","Mai"], 
      datasets: [ 
      { 
       label: "My First dataset", 
       fillColor: "rgba(220,220,220,0.5)", 
       strokeColor: "rgba(220,220,220,0.8)", 
       highlightFill: "rgba(220,220,220,0.75)", 
       highlightStroke: "rgba(220,220,220,1)", 
       data: data //data = [523,523,356,31,234] 
       }, 
      ] 
     }; 
    myBarChart = new Chart(ctx).Bar(data, options); 
}

我的挑戰是現在，如何用相同的標籤添加第二個數據集到現有圖表。不幸的是，沒有任何appendDataset - 函數庫

阿爾斯的解決方案我嘗試以下方法：我創建一個虛擬的畫布，提取新創建的數據集，將其推Ø真正的帆布和更新我的圖表。不幸的是，一切都被重新渲染，但圖表並未出現。此外，鼠標懸停顯示有第二個數據集！

詳細代碼奧尼的jsfiddle Example

來源

2015-04-19 CanadaRunner