在堆叠折线图中，有没有办法堆叠多个 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 轴，但它没有缩放到任何数据集的最大值，而是似乎将每个数据集相加（例如：假设任何集合的最大温度为 40°C，如果我有 6 个数据集，Y 尺度从 0 - 250)

Additive Y-Axis example

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

Answer 1

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

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

In a Stacked Line Chart, is there a way to stack multiple Y-Axes to match each graphed line?

chart.js

react-chartjs-2