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>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        
        chart: {
            renderTo: 'container',
            marginTop: 80,
            marginLeft: 80,
            width: 500
        },
        
        legend: {
            width: 400,
            floating: false,
            verticalAlign: 'top',
            align: 'left',
            y: 20,
            x: 70, // = marginLeft - default spacingLeft
            itemWidth: 80
        },
        
        series: [{
            data: [6,4,2],
            name: 'First'
        }, {
            data: [7,3,2],
            name: 'Second'   
        }, {
            data: [9,4,8],
            name: 'Third'   
        }, {
            data: [1,2,6],
            name: 'Fourth'        
        }, {
            data: [4,6,4],
            name: 'Fifth'        
        }, {
            data: [1,2,7],
            name: 'Sixth'        
        }, {
            data: [4,2,5],
            name: 'Seventh'        
        }, {
            data: [8,3,2],
            name: 'Eighth'        
        }, {
            data: [4,5,6],
            name: 'Ninth'        
        }]
    });
});