在堆积折线图中,有没有一种方法可以堆叠多个Y轴来匹配每条图表线



堆叠Y轴示例

我无法在Chart.js中找到一种方法来让Y轴像示例图片中那样堆叠。

当我保持天平对象简单如下图所示:

scales: {
y: {
stacked: true,
title: {
display: true,
text: "Temperature (°C)",
}
},
x: {
type: "time",
time: {
tooltipFormat: "LTS",
unit: "hour",
},
title: {
display: true,
text: "Datetime",
},
}
},

我显然得到了一个Y轴,但它并没有缩放到任何数据集的最大值,而是似乎将每个数据集相加(例如:假设任何集的最大温度为40°C,如果我有6个数据集,Y缩放从0-250(

加法Y轴示例

不过,它确实很好地堆叠了所有的线条,所以我真的希望有一个不错的解决方案,因为Y轴现在对观众没有帮助。谢谢你的帮助!

在Chart.js Slack频道的帮助下,最简单、最美观的解决方案就是将每个数据集分离成自己的图表,只有最上面的图表显示图例,只有最下面的图表显示X轴。所有中间图表都关闭了X轴和图例。

相关内容

  • 没有找到相关文章

最新更新