Highcharts Demo

author(s): Torstein Hønsi

by Alagar Kamuthurai

HTML

<script src="http://code.highcharts.com/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
        },
        plotOptions: {
            pie: {

                 dataLabels: {
        overflow: 'allow',
        crop: false
      },
                states: {
                    hover: {
                        halo: {
                            size: 0    
                        }
                    }
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Months',
            data: [
                ['Jan', 45.0],
                ['Feb', 26.8],
                ['Mar', 8.5],
                ['June', 6.2],
                ['July', 21.0]
            ]}]    
    });
});