highcharts - 动态设置轴上的步

时间:2015-07-29 19:36:22

标签: highcharts

任何人都可以帮我在x轴或y轴上设置步进值,点击按钮动态说明(不是在设计时)。在下面的示例中,我应该能够将步/间隔设置为100而不是250。

这是示例小提琴 http://jsfiddle.net/PanicJ/H2pyC/8/

$(function () {
var setA = [29.9, 11.5, 36.4, 19.2, 4.0, 46.0, 48.2, 15.2, 16.4, 4.1, 5.6, 44.4];
var setB = [129.2, 144.0, 176.0, 135.6, 248.5, 316.4, 694.1, 795.6, 954.4, 1029.9, 1171.5, 1506.4];
var data = Math.random() < 0.5 ? setA : setB;
var height=Math.max.apply(Math, data);
if(height > 1000){
    height = 1000;
}
$('#container').highcharts({
    chart: {
        marginRight: 80 // like left
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: [{
        lineWidth: 1,
        max: height,
        min: 0,
        title: {
            text: 'Primary Axis'
        }
    }],
    series: [{
        data: data
    }]
});

});

1 个答案:

答案 0 :(得分:2)

tickInterval是您想要更改的内容:

$('#setStep').click(function () {
    var chart = $('#container').highcharts();
    chart.yAxis[0].update({
        tickInterval: 100
    });
});

http://jsfiddle.net/blaird/H2pyC/85/