我需要创建一个折线图,该图可用于多个数据集,并且数据集之间的数字差异很大
比如说
// Tracks how much on average a customer has spend
const averagePurchaseValueDataset = {
label: 'Average Purchase Value',
dataset: [25.50, 28.50, 24.30, 26.40 ]
}
// Tracks on average how much the customer spends browsing the app
// tracked in seconds
const sessionDurationDataset = {
label: 'Session Duration',
dataset: [80, 120, 90, 85, 93]
}
// Tracks how many products the customer has purchased in one session
const averageItemsPurchased = {
label: 'Average Items Purchased',
dataset: [3, 2, 1, 1]
}
我需要创建一个单一的图表,上面有3条不同的线,这些线彼此堆叠在一起。
当数据集包含相似的值(如1-10)时,ChartJS默认执行此操作,然而,在我的数据集中,范围变化很大-一个数据集可以包含1-10之间的数字,另一个数据集可以包含5000-1000之间的数字,但我仍然希望它们彼此堆叠。
此图表的目的不是比较每个数据集中的文字值,而是比较它们从一个间隔到下一个间隔的变化。
例如,这两个数据集[10, 11]
和[1000, 1100]
应绘制两条完全堆叠在彼此顶部的线,因为这两种情况下的差异均为10
2条答案
按热度按时间raogr8fs1#
我认为如果你想创建一个单一的图表与3个不同的线,你必须使数据在一个
dataset
。对不起,我不善于解释的东西,但你可以检查下面的代码。希望它能帮助你
bfhwhh0e2#
最后使用ChartJS的多轴功能
https://www.chartjs.org/docs/latest/samples/line/multi-axis.html