Maneira mais fácil é usar predefinido tickInterval
, Segue vai fazer:
xAxis: {
min: 0,
step: 2,
max: 11,
startOnTick: true,
endOnTick: true,
tickInterval: 1
}
Um pouco mais complicado é tickPixelInterval
Uso, no seu caso 50 servirá.
As coisas se tornam ainda mais complicadas, se o seu gráfico for escalável/zoomável. Você terá que escrever um manipulador de eventos personalizado para atualizar essas propriedades, para garantir que seu tickInterval
é mergulhador para o seu intervalo de dados (se for possível, o intervalo de dados do IE é inteiro, não flutuando) para garantir que seu último tique -taque seja igual ao valor do eixo máximo.