chart.js - 在堆叠折线图中，有没有办法堆叠多个 Y 轴以匹配每条图形线？

Question

堆叠 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 轴现在对观看者没有帮助。谢谢你的帮助！

Answer 1

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