堆叠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轴和图例。