Highcharts Demo

author(s): Torstein Hønsi

by Ben Clayton

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({

        title: {
            text: 'Custom tick positions'
        },

        subtitle: {
            text: 'through axis.tickPositions and axis.tickPositioner'
        },

        xAxis: {
            tickPositions: [0, 1, 2, 4, 8]
        },

        yAxis: {
            tickPositioner: function () {
debugger;
                var positions = [],
                    tick = Math.floor(this.dataMin),
                    increment = Math.ceil((this.dataMax - this.dataMin) / 6);

                for (tick; tick - increment <= this.dataMax; tick += increment) {
                    positions.push(tick);
                }
                return positions;
            }
        },

        series: [{
            data: [
                [0, 1],
                [1, 3],
                [2, 2],
                [4, 4],
                [8, 3]
            ]
        }]
    });
});