highcharts - 如何在 Y 轴高图中设置点的间隔

Question

我第一次使用 highcharts，我试图弄清楚如何将 Y 轴点设置为静态。

我使用了 min=0 和 max=140 ，y 轴上的点分别为 0,25,50,75,100,125 和 150。其中我希望它为 0,20,40,60,80,100,140。

有人可以让我知道我怎么能做到这一点。

以下是 highchart optins ：

 var chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'Div1',
            width: 600,
            height: 400

        },
        yAxis:{
            min: 0, max: 140,

            lineColor: '#FF0000',
            lineWidth: 1,
            title: {
                text: 'Values'

        },
        plotLines: [{
                value: 0,
                width: 10,
                color: '#808080'
            }]
        },
        series: [{
            name: 'Value',
            data: YaxisValuesArray
        }]
    });

});

Answer 1

您可以在轴 http://jsfiddle.net/blaird/KdHME/上设置 tickInterval ( http://api.highcharts.com/highstock#yAxis.tickInterval )

$(function () {
    var chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'Div1',
            width: 600,
            height: 400

        },

        credits: {
            enabled: false
        },


        title: {
            text: 'Productivity Report',

            x: -20 //center
        },

        xAxis: {
            lineColor: '#FF0000',
            categories: [1, 2, 3]
        },
        yAxis: {
            min: 0,
            max: 140,
            tickInterval: 20,
            lineColor: '#FF0000',
            lineWidth: 1,
            title: {
                text: 'Values'

            },
            plotLines: [{
                value: 0,
                width: 10,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: ''
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },


        series: [{
            name: 'Value',
            data: [
                [1, 10],
                [2, 20],
                [3, 30]
            ]
        }]
    });

});

Answer 2

要在StockChart模式下使用 HighChart 执行此操作，我只需要设置属性 tickPixelInterval。

yAxis: {
            ...
            tickPixelInterval: 35
            ...
        }