javascript - 将第二个数据集附加到现有的 Chartjs 图表

Question

有没有办法将第二个数据集添加到现有的 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 函数

另外的解决方案我尝试了以下方法:我创建一个虚拟 Canvas ，提取新创建的数据集，将其推到真实 Canvas 上并更新我的图表。不幸的是，一切都重新渲染了，但图表没有出现。鼠标悬停还显示有第二个数据集!

详细代码在我jsfiddle Example

Answer 1

现在我解决了这个问题:解决方案是由这个 Diskussion 提供的

我使用 .destroy() 方法并绘制一个新图表。