하이 차트가있는 xaxis의 날짜

Question

내 차트에서 내 xaxis에 날짜가 있어야합니다. 사용자가 14 일 범위를 입력 할 수있는 범위 날짜 표시기를 통해 데이터를 수집합니다. 범위의 시작 날짜가 xaxis의 첫 번째 값이고 범위의 끝 날짜가 마지막 값이어야합니다. 나는 xaxis 레이블에 "2015 년 1 월 27 일", "2015 년 1 월 28 일"또는 그 방향의 무언가와 각각의 틱이 1 일이되도록 읽으려고합니다. API 문서를 읽었고 차트의 설정으로 많이 놀았지만 어떤 이유로 인해 제대로 작동하지 않습니다.

  $('#graphColumn').highcharts({ 
       title: { 
        text: '', 
        x: -20 //center 
       }, 
       xAxis: { 
        categories: [dayArray[0], dayArray[1], dayArray[2], dayArray[3], dayArray[4], dayArray[5], dayArray[6], dayArray[7], dayArray[8], dayArray[9], dayArray[10], dayArray[11], dayArray[12], dayArray[13]] 
       }, 
       yAxis: { 
        title: { 
         text: '' 
        }, 
        plotLines: [{ 
         value: 0, 
         width: 1, 
         color: '#808080' 
        }] 
       }, 
       tooltip: { 
        valueSuffix: '' 
       }, 
       legend: { 
        layout: 'vertical', 
        align: 'right', 
        verticalAlign: 'middle', 
        borderWidth: 0 
       }, 
       credits: { 
        enabled: false 
       }, 
       series: [{ 
        showInLegend: false, 
        name: ' ', 
        data: series, 
        color: '#77B7C5', 
        marker: { 
         symbol: 'circle' 
        } 
       }, { 
        showInLegend: false, 
        name: '1 år sedan', 
        data: series1yearago, 
        color: "#71C73E", 
        marker: { 
         symbol: 'circle' 
        } 
       }] 
      }); 

여기 내 차트입니다. 나는 xaxis 카테고리가 지금은 설정되어 있지만 그 순간에 대해서만 알고, 나는 그것이 datetime해야합니다 알아요. 내 시리즈는 각 인덱스에 하나의 숫자가있는 일반 int 배열입니다. 나는 여기에 줄 수있는 어떤 도움을 apreciate 것입니다!

편집 : 여기에 작업 jsfiddle 예입니다 http://jsfiddle.net/g0p00tLv/1

Answer 1

귀하의 데이터, 그리고 포맷하는 방법, 우리가 정말 볼 필요가 것입니다.)

1 x는 밀리 초에서 에포크 시간 스탬프(), 또는 날짜 중 하나 인 배열 [X, y]는 쌍으로 데이터를 전달한다

는 두 가지 중 하나를 할 필요가있다. UTC 객체

2) 데이터를 y 값의 단일 배열로 전달하고 pointStart 및 pointInterval 속성을 사용하여 날짜 축을 올바르게 설정합니다.

참조 :

• http://api.highcharts.com/highcharts#plotOptions.series.pointStart

• 더 많은 정보가 필요하면 http://api.highcharts.com/highcharts#plotOptions.series.pointInterval

, 작업 바이올린 예를 설정하고 여기에 게시.