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

Question

在Chart.js 2中，我生成一个散点图，其中x坐标是Epoch时间戳，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/