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

Question

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

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

Answer 1

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

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

小提琴https://jsfiddle.net/leighking2/q5ak7p3h/

Answer 2

版本3.4你可以这样做：

 options: {
        scales: {
            x: {
                ticks: {
                    // Include a dollar sign in the ticks
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }
        }
    }