[英]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.