2014-05-14 37 views
1

我寫,因爲我回到被困在Highcharts的問題。除了一件事外,我有一份月度圖表,可以正常工作。縮放級別。 X軸始終顯示爲0(今天)的值,因此縮放級別不正確。我附上一張照片,試圖更好地解釋它。我需要在圖表中設置此列。 我感謝您的幫助!謝謝!Highcharts專欄適合/調整在圖表

由PHP傳回的JSON(正確的結果):

{"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]]} 

和JavaScript文件:

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 

編輯:我需要一個月的圖形(用戶選擇),但是,白區域和Xaxis僅爲所選月份提供信息。該PHP文件返回一個正確的JSON鏈,但是高點不符合列的罰款。對不起我的英語不好!

enter image description here

回答

1

問題是與你的JSON,在那裏你有重複值相同的時間戳。只要刪除它們。

然後!您有未排序的數據,它應按時間戳升序排序。

固定後,它工作正常,請參閱:http://jsfiddle.net/4nCx3/

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

Thaks,你的權利! – xavi