Chart js更新多个图表

Question

我看过很多关于如何在chart.js中添加数据的教程，但都是针对单个图表的。

我使用 chartjs 创建多个图表（每个图表都有自己的 canvas 和唯一 ID）。例如：图表 1 在 canvas 中，id="c1"，图表 2 在 canvas 中，id="c2"。如何 select 图表 1 并添加新数据？

Answer 1

如果您只有两个图表，您可以只创建两个不同的图表对象，然后按对象处理各个图表。

ctx1 = document.getElementById("c1");
ctx2 = document.getElementById("c2");
myPieChart = new Chart(ctx, {
              type: 'pie',
              data: data1
            });
myLineChart = new Chart(ctx, {
              type: 'line',
              data: data1
            });

要向现有图表动态添加新数据，

function updateChart(newData){
    var length = myLineChart.options.data[0].dataPoints.length;
    chart.options.data[0].dataPoints.push({ y: newData});
    chart.render();
}

Chart js更新多个图表

Chart js update multiple charts

javascript

dashboard

html5-canvas

chart.js