在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/