Подтвердить что ты не робот

Как установить интервал точек на Y-Axis highcharts

Я использую highcharts в первый раз, и я пытаюсь выяснить, как установить точки оси Y статические.

Я использовал min = 0 и max = 140, а точки на оси y - 0,25,50,75,100,125 и 150. В то время как я хочу, чтобы это было 0,20,40,60,80,100,140.

Может ли кто-нибудь дать мне знать, как я могу это достичь.

Ниже представлены высокочистые оптики:

 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
        }]
    });

});

Points on X axis

4b9b3361

Ответ 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]
            ]
        }]
    });

});

Ответ 2

Чтобы сделать это с помощью HighChart в StockChart, мне просто нужно установить свойство tickPixelInterval.

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