在Chart.js中扩展数据系列的问题

问题描述 投票:0回答:1

我有一个带有两个系列的双轴图表,是否需要一些特殊的东西来扩展它的附加数据?

当我尝试扩展它时,会添加新的xAxis标签,但不会添加y轴数据点。

function addData(chart, label, data) {
    chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
            dataset.data.push(data);
    });
    chart.update();
}

var yArr = [64, 1.01];

addData(myChart, 'Sat', yArr);

Here's my JSFiddle code

javascript charts chart.js
1个回答
2
投票

您应该根据yAxisID将新数据推送到chartData对象。尝试以下代码。

 function addData(chart,label, data) {
    chart.data.labels.push(label);        

    for(var i=0; i< data.length; i++){
       for(var k=0; k< chartData.datasets.length; k++){
          if(chartData.datasets[k].yAxisID == data[i].yAxisID){
              chartData.datasets[k].data.push(data[i].value);
            }
          }
        }   
       chart.update();
       console.log(chart.data);
     }

  var yArr = [ {yAxisID:"F", value: 64},{yAxisID:"G", value: 1.01} ];
  addData(myChart,'Sat', yArr);

https://jsfiddle.net/5botxckf/

© www.soinside.com 2019 - 2024. All rights reserved.