Highcharts Demo

author(s): Torstein Hønsi

by Pierre LE ROUX

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px; width: 600px; margin: 0 auto"></div>
<br/>
<br/>
<div id="container2" style="height: 400px; width: 600px; margin: 0 auto"></div>
<br/>
<br/>
<div id="container3" style="height: 400px; width: 600px; margin: 0 auto"></div>
<br/>
<br/>
<div id="container4" style="height: 400px; width: 600px; margin: 0 auto"></div>

JavaScript

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

        title: {
            text: 'padding de 0,5 ajouter par highcharts'
        },

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

        xAxis: {
            startOnTick: false, // allow to start not from tick
            endOnTick: false,
            min: 0,
            max: 8,
            minPadding: 0,
            maxPadding: 0,
            tickPositioner: function () {
                var positions = [],
                    tick = 0,
                    increment = 1;

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

        yAxis: {

        },

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

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

        title: {
            text: 'Pas de padding'
        },

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

        xAxis: {
            startOnTick: false, // allow to start not from tick
            endOnTick: false,
            min: 0,
            max: 8,
            minPadding: 0,
            maxPadding: 0,
            tickPositioner: function () {
                var positions = [],
                    tick = 0,
                    increment = 1;

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

        yAxis: {

        },

        series: [{
            data: [
                [0, 1],
                [1, 3],
                [2, 2],
                [4, 4],
                [8, 3]
   ...