Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/2.2.4/highcharts.js"></script>
<div id="container"></div>

CSS

div#container {
    margin: 10px;
    width: 198px;
    height: 152px;
    border: 4px solid black;
}

JavaScript

$(function() {           
   var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            
            margin: [0, 0, 0, 0],
            spacingTop: 0,
            spacingBottom: 0,
            spacingLeft: 0,
            spacingRight: 0
        },
        credits: {
            enabled: false
        },
        title: {
            text: null
        },
        subtitle: {
                text:  'hello',
                verticalAlign: 'middle',
                style: {
                    fontSize: '12px'
                }
            },
        plotOptions: {
            pie: {
                size:'100%',
                dataLabels: {
                    enabled: false
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Months',
            size: '80%',
            innerSize: '80%',
            data: [
                ['Jan', 45.0],
                ['Feb', 26.8],
                ['Mar', 8.5],
                ['June', 6.2],
                ['July', 21.0]
            ]}]    
    });
});