Highcharts min y轴值

时间:2013-08-28 14:32:07

标签: javascript highcharts

当系列值相同时,是否可以设置最小y轴值?

例如:

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

我希望将0.00019视为y轴值。

如果我将其更改为:

series: [{

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

看起来好多了。

4 个答案:

答案 0 :(得分:3)

所以答案很大程度上取决于你的数据。例如,如果您知道您的值都是正数,则设置yAxis min可以帮助您更好地显示数据。你比我知道你的数据更好,所以我看看yAxis settings并看看你可以改变什么来获得更好的结果,但是例如,这是一个设置最小值的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/

答案 1 :(得分:1)

您可以在X轴上手动设置最小值和最大值。

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

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

答案 2 :(得分:1)

如果您知道系列中的范围,则可以相应地设置minRange,因此Highcharts将按预期呈现更多刻度。例如:http://jsfiddle.net/Fusher/6hyfk/3/关于minRange的好处是,它也适用于其他值:http://jsfiddle.net/Fusher/6hyfk/5/

答案 3 :(得分:1)

可能您不需要硬编码最小值,最大值。计算最小值和最大值并设置为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        
        }]
    });
});
相关问题