为什么我的chart.js依次显示数据集而不是一起显示?

时间:2018-08-16 11:27:15

标签: javascript arrays dynamic chart.js

我正在尝试创建一个图表,其中包含多个折线(数据集)。从API检索数据,并动态创建数据集。我得到了要显示的数据,但是与其相邻地显示2个标签和2行,不如将它们彼此更新。可能是什么原因呢? 起初,我认为可能是因为两个数据集的范围都非常不同,但是更改两个数据集都适合的yAxis刻度值并没有任何改变。 非常感谢任何导致这种情况发生的线索。

例如graphDatasetsArray包含2个对象:

对象{标签:“ Obj1”,数据:(49)[…],填充:false,borderColor:“#ff0000”,backgroundColor:“#ff0000”,pointBackgroundColor:“#ff0000”}

对象{标签:“ Obj2”,数据:(49)[…],填充:false,borderColor:“#ff0000”,backgroundColor:“#ff0000”,pointBackgroundColor:“#ff0000”}

var measures = [];
var name = [];
var time = [];

for ( var i = 0; i < result.data.length; i++ ){

   var stationTimeSplit = result.data[i][key_time].split(" ");

   time.push(stationTimeSplit[1]);
   measures.push(result.data[i][key_measure]);
   name.push(result.data[i][key_name]);

   graphDatasetsArray[i] =
        {
        label: name[0],
        data: measures,
        fill: false,
        borderColor: graphColorArray[i],
        backgroundColor: graphColorArray[i],
        pointBackgroundColor: graphColorArray[i],
        };
}
var LineChartConfig = {
    type: 'line',
    data: {
    labels: stationTime,
    datasets: [graphDatasetsArray[0]]
    }
};

0 个答案:

没有答案