簡體   English   中英

Highcharts列適合/在圖表上調整

[英]Highcharts column fit/adjust on chart

我寫這封信是因為我回到了陷入Highcharts問題的困境。 我有一個月度圖表,除了一件事以外,都可以正常工作。 縮放級別。 X軸始終顯示為0(今天),因此縮放級別不正確。 我附上一張圖片,試圖更好地解釋它。 我需要在圖表中設置此列。 我感謝您的幫助! 謝謝!

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鏈,但是highcharts不能很好地適應列。 對不起我的英語不好!

在此處輸入圖片說明

問題出在您的JSON上,在該JSON中,相同的時間戳記有重復的值。 只需刪除它們。

然后! 您有未排序的數據,應按時間戳升序對其進行排序。

修復后,它可以正常工作,請參閱: http : //jsfiddle.net/4nCx3/

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM