Chart.JS:如何将数据添加到特定数据集

时间:2016-10-24 13:06:07

标签: javascript chart.js

目前我使用它来向我的图表添加数据:

 targetChart.addData(value,targetDataSetIndex,"");

因为我认为这会将数据添加到特定集合,添加空标签。

但这不起作用。

然后我尝试通过在Chart.js脚本中引入一个新方法来实现它,如下所示:

    addDataValueToSpecificDataSet :function(value,datasetIndex)
    {
        this.datasets[datasetIndex].points.push(new this.PointClass({
            value: value,
            label: label,
            x: this.scale.calculateX(this.scale.valuesCount + 1),
            y: this.scale.endPoint,
            strokeColor: this.datasets[datasetIndex].pointStrokeColor,
            fillColor: this.datasets[datasetIndex].pointColor
        }));
    }

但是在执行它时没有找到。在Chart.JS中我需要把它放在哪里才能从外面访问它?或者有人可以告诉我如何将数据添加到具有多个数据集的图表中。我无法在包含所有内容的文档中找到它,但是添加和删除数据。

1 个答案:

答案 0 :(得分:3)

这对我有用(你可能只需要添加更新):

function addData() {
  myBarChart.data.labels[12] ="2017";
  myBarChart.data.labels[13] ="2018";
  myBarChart.data.datasets[0].data[12] = 500;
  myBarChart.data.datasets[0].data[13] = 600;
  myBarChart.update();
}

CodePen:Add/Remove adjust data Chart.js