Highcharts Demo

author(s): Torstein Hønsi

by jeffgw

HTML

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

<div id="container"></div>

CSS

#container {
    width: 500px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

Highcharts.chart('container', {

    title: {
        text: 'Crisp columns are disabled'
    },

    subtitle: {
        text: 'Resulting in blurry, but evenly spaced columns'
    },

    series: [{
        data: (function () {
            var arr = [];
            for (var i = 0; i < 100; i++) {
                arr.push(i);
            }
            return arr;
        }()),
        type: 'column',
        crisp: true
    }]

});