highcharts - grafica - cómo establecer el intervalo de puntos en Y-Altos gráficos

xaxis highcharts

Question

Estoy utilizando Highcharts por primera vez, y estoy tratando de averiguar cómo configurar los puntos del eje Y estáticos.

He usado min = 0 y max = 140, y los puntos en el eje y aparecen como 0,25,50,75,100,125 y 150. Por lo tanto, quiero que sea 0,20,40,60,80,100,140.

¿Puede alguien decirme cómo podría lograr esto?

A continuación se muestra las opciones de highchart:

 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

Para hacer esto usando HighChart en un modo StockChart , solo necesito establecer la propiedad tickPixelInterval.

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

Answer 2

Puede configurar el tickInterval ( http://api.highcharts.com/highstock#yAxis.tickInterval ) en el eje 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]
            ]
        }]
    });

});