javascript - 在 Chart.js 2 中修改散点图的 X 轴标签

Question

在 Chart.js 2 中，我生成了一个散点图，其中 x 坐标是 Epoch 时间戳，y 坐标是整数。我想知道是否有一种方法可以格式化图表的 x 轴标签，以便日期以人类可读的格式显示。

更新:目前我正在从以毫秒为单位的 Unix 时间戳构建我的图表。该原型(prototype)的其他部分使用 Date 类的 toDateString 方法格式化这些日期(例如 Fri Aug 5 2016)。

Answer 1

为此，您可以使用 scales.xAxes 选项中的 ticks.userCallback，以便为每个 xaxis 刻度返回格式化日期。如果您使用的是 momentjs 附带的捆绑版本 chartjs，这会使它变得非常简单，但如果您只是以毫秒为单位传递时间戳，您可以对标签做任何您想做的事情。

options: {
    scales: {
        xAxes: [{
            ticks: {
                userCallback: function(label, index, labels) {
                    return moment(label).format("DD/MM/YY");
                }
             }
        ]}
     }
 }

fiddle https://jsfiddle.net/leighking2/q5ak7p3h/