我正在尝试创建一个图表,其中包含多个折线(数据集)。从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]]
}
};