Chart.js에서 분산 점의 X 축 레이블 수정 2

Question

Chart.js 2에서 x 좌표가 에포크 타임 스탬프이고 y 좌표가 정수인 스 캐터 플롯을 생성 중입니다. 그래프의 x 축 레이블을 형식화하는 방법이 있는지 궁금해서, 날짜가 사람이 읽을 수있는 형식으로 표시되도록했습니다.

업데이트 : 현재 밀리 초 단위로 유닉스 타임 스탬프에서 그래프를 만들고 있습니다. 이 프로토 타입의 다른 부분은 Date 클래스의 toDateString 메소드 (예 : 2016 년 8 월 5 일 금요일)로 날짜를 형식화합니다.

Answer 1

이 경우 scales.xAxes 옵션에 ticks.userCallback 옵션을 사용하여 각 xaxis 틱에 대해 형식이 지정된 날짜를 반환 할 수 있습니다. 번들 버전을 사용하는 경우 chartjs에는 momentjs가 포함되어있어 정말 쉽습니다. 그러나 밀리 초 단위로 타임 스탬프를 전달하면 레이블에 원하는 모든 작업을 수행 할 수 있습니다.

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

바이올린 https://jsfiddle.net/leighking2/q5ak7p3h/