Highcharts Demo

author(s): Torstein Hønsi

by Uriel Zarnihchi

HTML

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

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

JavaScript

$(function () {

new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'pie',
                backgroundColor: 'rgba(255, 255, 255, 0)'
            },
            title: {
                text: ''
            },
            plotOptions: {
                pie: {
                    shadow: true,
                    dataLabels: {
                        formatter: function () {
                            return '<span style="color: ' + this.point.color + '; font-weight: bold; font-size: 115%">'
                                + this.point.percentage.toFixed(1)
                                + '%</span>';
                        },
                        distance: 3,
                        connectorWidth: 0,
                        x: 0,
                        y: 0
                    }
                }
            },
            tooltip: {
                formatter: function () {
                    return '<b>' + this.point.name + '</b>: '
                        + this.point.y + ''
                }
            },
            series: [
                {
                    name: '',
                    data: [['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50]],
                    size: '70%',
                    innerSize: '60%',
                    showInLegend: false
                },                {
                    name: '',
                    data: [['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50]],
                    size: '60%',
                    innerSize: '55%',
                    showInLegend: false
                }
            ]
        });
});