簡體   English   中英

高圖最小y軸值

[英]Highcharts min y-axis value

如果系列值相同,是否可以設置最小y軸值?

例如:

http://jsfiddle.net/6hyfk/1/

我想將0.00019作為y軸值。

如果我將其更改為:

series: [{

            data: [0.00019,0.00020,0.00019,0.00019]        
        }]

看起來好多了。

因此,答案很大程度上取決於您的數據。 例如,如果您知道自己的值都是正數,則設置yAxis min可以幫助數據更好地顯示。 您比我更了解您的數據,因此,我將研究yAxis設置 ,看看可以進行哪些更改以獲得更好的結果,但是例如,這是一個設置最小值的JSFiddle:

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            tickLength: 20
        },
        yAxis: {
            min: 0  
        },
        series: [{

            data: [0.00019,0.00019,0.00019,0.00019]        
        }]
    });
});

http://jsfiddle.net/gTG2z/

您可以在X軸上手動設置最小值和最大值。

yAxis:{
    min: 0,
    max: .001
},

http://jsfiddle.net/6hyfk/2/

如果您知道系列中的范圍,則可以相應地設置minRange ,因此Highcharts將按預期呈現更多的刻度。 例如: http : //jsfiddle.net/Fusher/6hyfk/3/關於minRange是它也可以用於其他類似的值: http : //jsfiddle.net/Fusher/6hyfk/5/

可能您不需要對最小值和最大值進行硬編碼。對最小值和最大值進行計算,並將其設置為y軸,如下所示,

$(function () {
    yMin = Math.min.apply(Math,data); // Find Min
    yMax = Math.max.apply(Math,data); //Find Max
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        },
        yAxis: {
            min: yMin,
            max: yMax 
        },
        series: [{

            data: data //Array of values        
        }]
    });
});

暫無
暫無

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

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