ChartJS - 为什么单独显示相同数据集或显示更多数据集时会出现视觉差异？

Question

Demo

我正在使用ChartJS，我遇到了一个我无法弄清楚的奇怪问题。如果有人能指出这里的错误，那就太棒了。

我有2个数据集

第一个是好的。当单独显示或与第二个数据集一起显示时，它保持不变（看起来相同，在演示中切换“both”和“first”）

与第一个数据集不同，第二个数据集本身显示时看起来不同，而不是与第一个数据集一起显示。 （点击演示中的“第二个”和“两个”）

作为这种行为的副产品（我认为），我也注意到第二个数据集的第一个点y位置是错误的。值为8，但y位置为0。第一个数据集也有8作为其第一个数据点，并且绘制正确。

我错过了什么..？

Answer 1

我建议您为Y轴设置最小和最大显示值，如：

 yAxes: [{
  gridLines: {
    display: true,
    drawTicks: false,
  },
  ticks: {
    min:0,
    max: 25
  }
}]

如果没有完成，它会自动缩放到数据集的最小值和最大值，并且在每种显示模式下都可以不同。