Highcharts Demo

author(s): Torstein Hønsi

by Ramkumar Pillai

HTML

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

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },

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

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

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

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

                for (; tick - increment <= this.dataMax; tick += increment) {
                    positions.push(tick);
                }
                return positions;
            }
        },
        
        series: [{
            data: [
                [0, 1],
                [1, 3],
                [2, 5],
                [4, 4],
                [8, 3],
                 [8, -13],
                 [18, -23],
                 [8, -43],
                [200, -300]
            ]
        }]
    });
});