将第二个数据集附加到现有的 chartjs 图表答案

【问题标题】：Append second dataset to existing chartjs chart将第二个数据集附加到现有的 chartjs 图表
【发布时间】：2015-04-19 17:02:56
【问题描述】：

有没有办法向现有的 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-function

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

详细代码我 jsfiddle Example

【问题讨论】：

标签： javascript charts chart.js

【解决方案1】：

现在我解决了这个问题：Diskussion 提供了解决方案

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

【讨论】：