Chart.js - 使用 Point[] 格式时折线图不呈现所有点

Question

Charts.js 在使用Point[] 格式时不会渲染所有数据点。

Codepen example

问题：

1. 为什么每个数据集只呈现四分之二的数据点？
2. 为什么 X 轴上没有刻度？
3. 为什么点悬停时显示“未定义”字符串？
4. 如何在点悬停时同时显示 X 和 Y 值？

谢谢！

Answer 1

添加“比例”选项解决了问题：

    scales: {
      xAxes: [{
        type: 'linear',
        position: 'bottom',
      }]
    }