차트에 하이 차트 열 맞춤/조정

Question

Highcharts에서 문제가 발생했기 때문에 글을 쓰고 있습니다. 한 가지를 제외하고는 잘 작동하는 월별 차트가 있습니다. 확대/축소 수준입니다. X 축은 항상 0 (오늘) 값으로 표시되므로 줌 레벨이 정확하지 않습니다. 나는 그것을 더 잘 설명하려고 그림을 붙이고있다. 그래프에이 열 집합이 필요합니다. 도움을 주셔서 감사합니다. 고맙습니다! , 흰색 (사용자 선택) 나는 달 그래픽이 필요하지만, :

{"data":[[1401580800000,2],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0],[1400025600000,0]]} 

그리고 자바 스크립트 파일 :

chart = new Highcharts.Chart({ 
chart: { 
    renderTo: 'divStatsGrupo', 
    plotBackgroundColor: null, 
    plotBorderWidth: null, 
    plotShadow: false 
    }, 
    title: { 
    text: tituloMes 
    }, 

    tooltip: { 
      formatter: function() { 
      return Highcharts.dateFormat('%d/%m/%Y',new Date(this.x)) + '<br/>' +'Alarmas: ' + this.y        
      } 
     },  
    xAxis: {  
    type: 'datetime', 
    dateTimeLabelFormats : { 
    day: '%e. %b', 
    labels: { 
     style: { 
      width: '200px','min-width': '100px' 
        }, 
     useHTML : true, 

       } 
       } 
      }, 

yAxis: { 
title: { 
    text: 'Total alarmas' 
    }, 
    allowDecimals: false, 
    min: 0 
    }, 

    series : [{ 
    showInLegend: false, 
      name : 'Grafica Mensual', 
      type : 'column', 
      data: data.data,  
    dataLabels: { 
       enabled: true, 
       rotation: 0, 
       color: '#000000', 
       align: 'center', 
       y: 0, 
       style: { 
        fontSize: '14px', 
        fontFamily: 'Verdana, sans-serif', 
       }} 
       }] 
     }); 
}); ///cierra get 

편집 PHP에 의해 반환

json으로는 (올바른 결과)입니다 영역 및 Xaxis는 선택한 월의 정보 만 표시합니다. PHP 파일은 올바른 JSON 체인을 반환하지만 하이 차트는 열에 잘 맞지 않습니다. 내 영어로 미안해!

Answer 1

문제는 동일한 타임 스탬프 값을 복제 한 당신의 JSON, 함께. 그냥 그들을 제거하십시오.

다음! 정렬되지 않은 데이터가 있으므로 타임 스탬프별로 오름차순으로 정렬해야합니다.

고정 후

, 잘 작동, 참조 : http://jsfiddle.net/4nCx3/

var data = { 
    "data": [ 
     [1400025600000, 0], 
     [1401580800000, 2] 
    ] 
};