在堆叠折线图中，是否可以堆叠多个 Y 轴以匹配每条图形线？

Question

Example of Stacked Y-Axes

我无法在 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 轴，但不是缩放到任何数据集的最大值，而是将每个数据集加起来（例如：如果我有 6 Y 比例从 0 - 250 的数据集）

Additive Y-Axis example

它确实很好地堆叠了所有线条，所以我真的希望有一个不错的解决方案，因为现在 Y 轴对观看者没有帮助。感谢您的帮助！

Answer 1

在 Chart.js Slack 频道的帮助下，最简单但实际上看起来很棒的解决方案就是将每个数据集分成自己的图表，只有最顶部的图表显示图例，底部的图表显示 X 轴.所有中间图表都关闭了 X 轴和图例。