如何在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

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

$(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
            ...
        }