ChartJS -线图-值范围大的多个数据集之间的跟踪相关性
ChartJS -线图-值范围大的多个数据集之间的跟踪相关性
提问于 2022-11-24 07:14:01
我需要创建一个线条图，它可以处理多个数据集，以及与数据集之间有很大差异的数字。
例如
// 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
Stack Overflow用户
发布于 2022-11-24 19:39:46
我认为，如果您想要创建一个包含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]},
]
}希望它能帮到你
Stack Overflow用户
发布于 2022-11-24 23:35:58
最后使用了ChartJS的多轴特性。
https://www.chartjs.org/docs/latest/samples/line/multi-axis.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74562868
复制相关文章
点击加载更多
相似问题
在MacOSX上安装Android/Eclipse - adb不工作
在访问adb时没有找到Android findstr
‘`adb’文件没有显示在Android 11仿真程序上
Android演播室-无法在ubuntu上找到adb
未找到Android SDK文件: adb -但在哪个adb中可见
腾讯云开发者
