How to set Y axis with equal interval in Highcharts? - highcharts

Question

I know this question has been asked before on StackOverflow. However, I have slightly different ask so please read it before you mark it as Duplicate.
I am trying to set y-axis to 0,1,2,4,8,16,32,64,128.... also, the spacing between those tickPoints should be equal. I have tried setting various interval but it didn't help below is my code.
$("#ClickSmu_man").click(function () {
var theModal = $("#ModalSmu_man").modal({
show: false
});
Highcharts.chart('container_man', {
chart: {
type: 'column'
},
title: {
text: 'In Progress weekly pending Avg. Age per DE Manager Count'
},
xAxis: {
categories: [
<?php foreach($smu_top_manager as $topma){ ?>
'<?php echo $topma['name']; ?>',
<?php } ?>
]
},
yAxis: {
min: 0,
tickInterval: 1,
title: {
text: 'Platform'
},
stackLabels: {
enabled: false,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
tooltip: {
headerFormat: '<b>{point.x}</b><br/>',
pointFormat: '{series.name}: {point.y}<br/>'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: false,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
}
}
},
series: [
{
name: 'Age',
data: [<?php echo implode(',', $age_manager); ?>],
},
{
name: 'asr9k_px',
data: [<?php echo implode(',', $asr9k_px_manager); ?>],
},
{
name: 'asr9k_x64',
data: [<?php echo implode(',', $asr9k_x64_manager); ?>],
},
{
name: 'crs_px',
data: [<?php echo implode(',', $crs_px_manager); ?>],
},
{
name: 'ncs5500',
data: [<?php echo implode(',', $ncs5500_manager); ?>],
},
{
name: 'ncs5500_sysadmin',
data: [<?php echo implode(',', $s5500_sysadmin_manager); ?>],
},
{
name: 'ncs5k',
data: [<?php echo implode(',', $ncs5k_manager); ?>],
},
{
name: 'ncs6k',
data: [<?php echo implode(',', $ncs6k_manager); ?>],
},
{
name: 'xr12000',
data: [<?php echo implode(',', $xr12000_manager); ?>],
},
{
name: 'xrv9k',
data: [<?php echo implode(',', $xrv9k_manager); ?>],
},
{
name: 'xrv9k_sysadmin',
data: [<?php echo implode(',', $xrv9k_sysadmin_manager); ?>],
}
]
});
});

Answer 1

Use yAxis.tickPositions to define ticks in your chart.
xAxis: {
tickPositions: [0,2,4,8,16,32,64],
},
example: http://jsfiddle.net/f94hdLqt/
If you want to set ticks dynamically, you can use tickPositioner.