Highcharts Demo

author(s): Torstein Hønsi

by Fusher

HTML

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column',
            marginLeft: 100
        },
        xAxis: {
            left: 100
        },
        yAxis: {
            left: 100,
            labels: {
                offset: 0
            }
        },
        series: [{
            name: 'Capital',
            data: [1000000.00, 1000000.00, 1000000.00, 1000000.00, 900000.00],
        }, {
            name: 'Material',
            data: [8753.15, 529.00, 5620.00, 35000.00, 30988.86]
        }, {
            name: 'HR',
            data: [66400.00, 320000.00, 488000.00, 48000.00, 512000.00]
        }, {
            name: 'Equipment',
            data: [0.00, 160000.00, 1600000.00, 32000.00, 64000.00]
        }, {
            name: 'Petty Cash',
            data: [10000.00, 100000.00, 100000.00, 10000.00, 150000.00]
        }],
    });
    var chart2 = new Highcharts.Chart({
        chart: {
            renderTo: 'container2',
            type: 'column',
            marginLeft: 100
        },
        xAxis: {
            left: 100
        },
        yAxis: {
            left: 100,
            labels: {
                offset: 0
            }
        },
        series: [{
            name: 'Capital',
            data: [20, 40 ,50,10],
        }],
    });
});