Highcharts Demo

author(s): Torstein Hønsi

by NesterOne

HTML

<div id="container" style="height: 400px"></div>
<script src="http://code.highcharts.com/highcharts.js"></script>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        xAxis: {
            categories: ['npm', 'volo', 'ender', 'jam', 'component', 'bower', 'jspm']
        },
        legend: {
            layout: 'vertical',
            floating: true,
            backgroundColor: '#FFFFFF',
            align: 'right', 
            verticalAlign: 'bottom'

        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' +
                    this.x + ': ' + this.y;
            }
        },
        series: [{
            data: [ 87411, 603, 1204, 749, 1930, 17356, 70]
        }]
    });
});