Highcharts Demo

author(s): Torstein Hønsi

by Pranav Kulkarni

HTML

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

JavaScript

$(function () {
    $('#container').highcharts({
    
        chart: {
            marginRight: 50
        },
        
        series: [{
            name: 'One',
            data: [Math.random() * 100, Math.random()* 100, Math.random()* 100, Math.random()* 100, {
                dataLabels: {
                    enabled: true,
                    align: 'left',
                    x: 3,
                    verticalAlign: 'middle',
                    overflow: true,
                    crop: false,
                    format: '{point.name}'
                },
                y: Math.random() * 100,
                name: '20%'
            }]},
            {
            name: 'Two',
            data: [Math.random() * 100, Math.random()* 100, Math.random()* 100, Math.random()* 100, {
                dataLabels: {
                    enabled: true,
                    align: 'left',
                    x: 3,
                    verticalAlign: 'middle',
                    overflow: true,
                    crop: false,
                    format: '{series.name}'
                },
                y: Math.random() * 100
            }]
        }]
    
    });
});