comment définir l'intervalle de points sur Y - Highcharts Axis
J'utilise des graphiques pour la première fois et j'essaie de comprendre comment définir les points de l'axe Y statiques.
J'ai utilisé min = 0 et max = 140, et les points sur l'axe y s'élèvent à 0,25,50,75,100,125 et 150. Où je le veux comme 0,20,40,60,80,100,140.
Quelqu'un peut-il me dire comment pourrais-je y parvenir?.
Ci-dessous les optins 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
}]
});
});
Vous pouvez définir le tickInterval ( http://api.highcharts.com/highstock#yAxis.tickInterval ) sur l'axe 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]
]
}]
});
});
Pour ce faire, en utilisant HighChart en mode StockChart , il me suffit de définir la propriété tickPixelInterval.
yAxis: {
...
tickPixelInterval: 35
...
}