如何在chart.js中显示两个未同步的数据集

oxosxuxt  于 2023-08-05  发布在  Chart.js
关注(0)|答案(1)|浏览(157)

我有两个数据集(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

doinxwow

doinxwow1#

已解决
感谢@user2057925的评论,将x轴类型切换为“时间”并链接正确的时间适配器解决了这个问题

相关问题