ChartJS -折线图-跟踪值范围较大的多个数据集之间的相关性

oymdgrw7  于 2022-11-29  发布在  Chart.js
关注(0)|答案(2)|浏览(117)

我需要创建一个折线图,该图可用于多个数据集,并且数据集之间的数字差异很大
比如说

// 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

raogr8fs

raogr8fs1#

我认为如果你想创建一个单一的图表与3个不同的线,你必须使数据在一个dataset。对不起,我不善于解释的东西,但你可以检查下面的代码。

const data = {
  label: 'Multi Line',
  dataset: [
            {label: 'Average Purchase Value',
             data: [25, 28, 24, 26]}, 
            {label: 'Session Duration',
             data: [80, 120, 90, 85]},
            {label: 'Average Items Purchased',
             data: [3, 2, 1, 1]},
           ]
}

希望它能帮助你

相关问题