修改Chart.js中Scatterplot的X轴标签2

Question

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

更新:目前我正在从Unix时间戳构建我的图形,以毫秒为单位.该原型的其他部分使用Date类的toDateString方法格式化那些日期(例如,2016年8月5日星期五).

Answer 1

为此,您可以使用选项ticks.userCallback中的scales.xAxes选项,以便为每个xaxis tick返回格式化日期.如果您正在使用捆绑版本,则chartjs附带了momentjs,这使得它非常简单,但如果您只是以毫秒为单位传递时间戳,则可以对标签执行任何操作.

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

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