Изменение меток X-оси Scatterplot в Chart.js 2

Question

В Chart.js 2 Я генерирую график рассеяния, где x координаты являются временными метками эпохи, а координаты y являются целыми числами. Мне было интересно, есть ли способ отформатировать метки оси X на графике, чтобы даты отображались в формате, удобном для человека.

Обновление: В настоящее время я строю свой график из временных меток Unix в миллисекундах. Другие части этого прототипа отформатируют эти даты с методом toDateString класса Date (например, 5 августа 2016 г.).

Answer 1

Для этого вы можете использовать ticks.userCallback в опции scales.xAxes, чтобы вы возвращали отформатированную дату для каждого xaxis-тика. Если вы используете версию пакета, chartjs поставляется с momentjs, что делает его очень легким, но если вы просто передаете отметки времени в миллисекундах, вы можете делать все, что хотите на этикетке.

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

скрипку https://jsfiddle.net/leighking2/q5ak7p3h/