렌더링 하이 차트 데이터 x 축을 일정 간격으로

Question

두 개의 배열로 데이터가 가득합니다. 하나의 배열은 임의의 정수 (예 : 1.7, 2.8, 3.4 등)이고 다른 배열은 해당 데이터에 대한 유닉스 타임 스탬프의 해당 목록 (예 : 1366585199)입니다.

이 작동하고 페이지 만 X 축에 선 그래프를 렌더링

dataArray = ("2.4","5.6","3.1", ...); 
timeArray = ("1366585199","1366585233","1366585355", ...) 

     function foo(dataArray, timeArray) { 
      $('#viz_1').highcharts({ 
       chart: { 
        type: 'line' 
       }, 
       title: { 
        text: 'Data Index' 
       }, 
       xAxis: { 
        type: 'datetime', // this isn't doing anything?? 
        categories: timeArray 
       }, 
       yAxis: { 
        title: { 
        text: 'Data Value' 
        }, 
       }, 
       series: [{ 
        name: topicID, 
        data: JSON.parse("[" + dataArray + "]") 
       }] 
      }) 
     }; 

약 50 유닉스 타임 스탬프의 분명히 가득 : 순간

내 Highcharts 코드는 다음과 같은 작은 선물을 보인다!

Highcharts API를 사용하여 Unix 타임 스탬프 배열을 가져와 데이터 포인트를 정렬하는 방법을 알아낼 수는 없지만 정기적으로 X 축에 사람이 읽을 수있는 날짜 만 표시합니다. ?

Answer 1

'datetime'과 categories을 함께 사용할 수 없습니다. x/y 값을 쌍으로 HighCharts로 보내는 것이 좋습니다. 마찬가지로 : 당신은 자바 스크립트 타임 스탬프가있는 경우

data: [ 
      [Date.parse('01/01/2000 00:00:00'), 55205], 
      [Date.parse('01/01/2003 00:00:00'), 59091], 
      [Date.parse('01/01/2004 00:00:00'), 64347], 
      [Date.parse('01/01/2005 00:00:00'), 71067], 
      [Date.parse('01/01/2006 00:00:00'), 77770], 
      [Date.parse('01/01/2011 00:00:00'), 81166] 
     ] 

당신은 같은뿐만 아니라 사람들을 보낼 수 있습니다

[31536000000, 456]