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