Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px; margin-top: 1em"></div>

JavaScript

var chart;
$(function() {
    function drawSomething(chart) {
        chart.renderer.text('Aggregated by Day', 120, 240).add();
        chart.renderer.circle(175, 125, 75).attr({
            fill: 'red',
            stroke: '#ddd',
            'stroke-width': 3
        }).add();
chart.renderer.circle(175, 125, 55).attr({
            fill: 'd4d4d4',
             shadow: true,
        }).add();

    }
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
           
            events: {
                load: function() {
                    drawSomething(this);
                }
            }
        },
        title: {
            text: 'Increasing RoSBT',
            align: 'center'
        },
        credits: {
            enabled: false
        },
        navigation: {
            buttonOptions: {
                verticalAlign: 'bottom',
                y: -10
            }
        }
    });
});