차트 JS 날짜 시간 AxesX

Question

:

[{"heure":"08:00:00","date":"2017-08-09","payload":"1"}] 

그리고 내가 차트 JS 차트를 작성하는 데 사용할는 :

for(var i in data) { 
       heure.push("Heure " + data[i].heure); 
       date.push(data[i].date); 
       payload.push(data[i].payload); 
      } 

      var chartdata = { 
       labels: date, 
       datasets: [ 
        { 
         label: nomGraph, 
         fill: false, 
         lineTension: 0.1, 
         backgroundColor: "rgba(59, 89, 152, 0.75)", 
         borderColor: "rgba(59, 89, 152, 1)", 
         pointHoverBackgroundColor: "rgba(59, 89, 152, 1)", 
         pointHoverBorderColor: "rgba(59, 89, 152, 1)", 
         data: payload 
        } 
       ] 
      }; 
      var option = { 
       scales: { 
        yAxes:[{ 
         stacked:true 
        }], 

        xAxes: [{ 
         type: 'time', 
         position: 'bottom', 
         time: { 
          tooltipFormat: "MM-DD-YYYY", 
         }, 
        }], 
       } 
      }; 

      var ctx = $("#mycanvas"); 

      var LineGraph = new Chart(ctx, { 
       type: 'line', 
       data: chartdata 
      }); 

문제는 내가 할 수 없습니다입니다 X 축에 좋은 스케일을 표시합니다. 나는 2017년 8월 9일하거나 나는이 라인에 2017년 8월 9일 감사 싶습니다

tooltipFormat: "MM-DD-YYYY", 

그리고 최고의 시간 변수 8월 9일 10H를 표시하는 것입니다.

tooltipFormat: "MMM-DDD-HHHH", 

하지만 작동하지 않습니다. 왜 그런지 알아?

Answer 1

차트 js는 moment.js 시간 포맷터를 사용하여 툴팁 문자열의 서식을 지정합니다. 그래서 순간 형식 토큰이 작동해야한다고 생각합니다. 여기에 대해 자세히 알아보십시오. https://momentjs.com/docs/#/displaying/format/

날짜가 2017-01-29 10:00:00 AM 경우
,

MMM-DD-HH는 Jan-29-10

그러나 동등 나는 당신의 날짜 문자열의 모든 HOUR 부분이 표시되지 않는 것입니다. 시간 형식을 지정하려면 시간 데이터와 함께 다음 표준 방식으로 날짜 문자열을 입력해야합니다.

2013-02-04T22:44:30.652Z 

몇 가지 ISO 표준이 있습니다. 하나를 선택할 수 있습니다. 여기에 대해 자세히 알아보십시오. https://momentjs.com/docs/#/displaying/as-iso-string/