Highcharts Demo

author(s): Torstein Hønsi

by Quang Luong

HTML

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

<div id="container" style="height: 400px; width: 500"></div>

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },

        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: false
                },
               	startAngle: -90,
            		endAngle: 90,
                 center: ['50%', '75%'],
            size: '110%'
            }
        },

        series: [{
            size: 150,
            center: [100, 100],
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ]
        },{
            size: 150,
            center: [300, 100],
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ]
        },{
            size: 150,
            center: [500, 100],
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ]
        }]
    });
});