繁体   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