![](/img/trans.png)
[英]Manually set y-axis min and max value and zoom-in behaviour in Highcharts
[英]Highcharts min y-axis value
如果系列值相同,是否可以設置最小y軸值?
例如:
我想將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]
}]
});
});
如果您知道系列中的范圍,則可以相應地設置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.