2013-09-26 3 views
0

저는 30 일 전으로 오늘부터 시작해서 passrate를 달성하려고하는 스플라인 차트를 가지고 있습니다. 기본적으로 지난 30 일 동안 성장을 보려고합니다.하이 차트에 날짜 문제가 있습니다.

그러나 x 축에서 날짜가 올라간다는 것을 알게되고 10 월/월로 갈 것인 1은 26 번째 9 월을 의미하는 1을 더하여 26 번째 OCT로 표시됩니다. 날짜를 이용하여 0과

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       renderTo: 'chartContainer', 
       type: 'spline' 
      }, 
      title: { 
       text: 'Pass rate statistics' 
      }, 
      subtitle: { 
       text: 'Pass count per' 
      }, 
      xAxis: { 
       type: 'datetime', 
       minTickInterval: 24 * 3600 * 1000, 
       dateTimeLabelFormats: { 
        month: '%e %b', 
        year: '%b' 
       } 
      }, 
      yAxis: { 
       title: { 
        text: 'PassCount' 
       }, 
       min: 0 
      }, 
      tooltip: { 
       formatter: function() { 
         return '<b>'+ this.series.name + 
          '</b><br/> Date: '+ Highcharts.dateFormat('%e %b',this.x)+ 
           '</b><br/> Pass Count: '+ this.y; 
       } 
      }, 

      series: [{name: 'development', data:[[Date.UTC(2013,8,27),10],[Date.UTC(2013,8,28),5],[Date.UTC(2013,8,29),12],[Date.UTC(2013,8,30),12],[Date.UTC(2013,8,31),7],[Date.UTC(2013,9,2),13],[Date.UTC(2013,9,3),22],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,5),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,9),7],[Date.UTC(2013,9,10),16],[Date.UTC(2013,9,11),20],[Date.UTC(2013,9,12),11],[Date.UTC(2013,9,13),25],[Date.UTC(2013,9,14),4],[Date.UTC(2013,9,15),11],[Date.UTC(2013,9,16),16],[Date.UTC(2013,9,17),12],[Date.UTC(2013,9,18),22],[Date.UTC(2013,9,19),10],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,24),40],[Date.UTC(2013,9,25),14],[Date.UTC(2013,9,26),6],]},{name: 'topbr', data:[[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,31),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,3),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,5),1],[Date.UTC(2013,9,6),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,9),1],[Date.UTC(2013,9,10),1],[Date.UTC(2013,9,11),1],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,13),1],[Date.UTC(2013,9,14),1],[Date.UTC(2013,9,16),1],[Date.UTC(2013,9,17),1],[Date.UTC(2013,9,18),1],[Date.UTC(2013,9,19),1],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,21),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,24),1],[Date.UTC(2013,9,25),1],[Date.UTC(2013,9,26),1],]},{name: 'xxsomething', data:[[Date.UTC(2013,8,28),10],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,9,1),3],[Date.UTC(2013,9,6),10],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,9),3],[Date.UTC(2013,9,11),3],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,13),3],[Date.UTC(2013,9,14),3],[Date.UTC(2013,9,15),3],[Date.UTC(2013,9,16),3],[Date.UTC(2013,9,17),4],[Date.UTC(2013,9,18),42],[Date.UTC(2013,9,19),42],[Date.UTC(2013,9,20),41],[Date.UTC(2013,9,21),16],[Date.UTC(2013,9,24),4],[Date.UTC(2013,9,25),45],[Date.UTC(2013,9,26),2],]},{name: 'xxabcxos', data:[[Date.UTC(2013,8,30),1],[Date.UTC(2013,9,6),1],[Date.UTC(2013,9,25),1],]},{name: 'xxpqrs', data:[[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,29),2],[Date.UTC(2013,8,30),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,3),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,9),1],[Date.UTC(2013,9,10),1],[Date.UTC(2013,9,11),1],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,13),1],[Date.UTC(2013,9,15),1],[Date.UTC(2013,9,16),1],[Date.UTC(2013,9,17),1],[Date.UTC(2013,9,18),1],[Date.UTC(2013,9,19),1],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,21),2],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,24),1],[Date.UTC(2013,9,25),1],]},{name: 'xxsomething_th', data:[[Date.UTC(2013,9,1),3],[Date.UTC(2013,9,24),4],]},{name: 'xxpqrs_dev', data:[[Date.UTC(2013,9,13),1],[Date.UTC(2013,9,21),1],]},{name: 'xxrel', data:[[Date.UTC(2013,9,15),1],]},{name: 'xxfun', data:[[Date.UTC(2013,8,28),2],[Date.UTC(2013,9,5),1],]},] 
     }); 
    }); 
+0

그래서 당신은 차트가 Aug.26에서 Sep.26로 이동해야 말을? – Sualkcin

+0

그렇다면 날짜를 사용할 때 월은 0이 아니라 0에서 색인이 생성됩니다. 따라서 자연스러운 '8'을 8 월 대신 사용하려면 '7'을 사용해야합니다. – Sualkcin

+0

예. 감사. 그런 식으로 일했습니다. –

답변

0

달 시작하지 1-http://jsfiddle.net/Mn6sB/1/ 여기

가 하이 차트에 대한 코드이다

여기에 JS 바이올린이다. JS 콘솔에서

:

new Date(Date.UTC(2013,1,27)) 
Tue Feb 26 2013 19:00:00 GMT-0500 (Eastern Standard Time) 

new Date(Date.UTC(2013,0,27)) 
Sat Jan 26 2013 19:00:00 GMT-0500 (Eastern Standard Time) 
관련 문제