首页 文章

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

提问于
浏览
2

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

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 回答

  • 2

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

    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

相关问题