我有两个数据集(x:时间,y:值),我想将它们显示在一个折线图中。问题是数据集没有同步(一次,两个值)。
是否可以制作一个图表,其中x轴上的每个点只有一个值,但显示两个数据集?
为了说明,这是我想要的结果:illustration of the desired chart
我试着把图表做成这样,但是X轴甚至都没有画出来。数据点具有正确的Y值,但其X值似乎未定义
function drawChart() {
const ctx = document.getElementById('chart1');
chartObjects.push(new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'value 0',
data: sensorModulesDict[sensorIDs[0]].map(item => ({ x: item.time, y: item.co2 })),
borderColor: '#81D929',
},
{
label: 'value 1',
data: sensorModulesDict[sensorIDs[1]].map(item => ({ x: item.time, y: item.co2 })),
borderColor: '#E67417',
},
]
},
options: {
}
}));
}
字符串
我尝试的结果:result of my attempt的
获取{x,y}对象的数组有点复杂,因为我的代码的其他方面,但我检查了控制台和数组是正确的。console output of my data array的
1条答案
按热度按时间doinxwow1#
已解决
感谢@user2057925的评论,将x轴类型切换为“时间”并链接正确的时间适配器解决了这个问题