Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="pieChartDetail"></div>

JavaScript

$(function() {
    function genPieChart() {

                var pieChart = new Highcharts.Chart({
                        chart: {
            marginTop: 50,
            events: {
                //load: getJsonErrorCountData(url)
            }
        },
        legend: {
            enabled: false
        },
        title: {
            text: 'Most Frequent Service Errors',
            margin: 40
        },
        tooltip: {
            formatter: function () {
                return '' +
                        this.point.name + ' (' + this.y + ')';
            }
        },
        yAxis: {
            min: 0,
            allowDecimals: true,
            title: {
                text: ''
            }
        },
        credits: {
            enabled: false
        },
                        series: [{
                                type: 'pie',
                                name: 'Some Arbitrary Name',
                                data: [
                                        ['Example1', 21],
                                        ['Example2', 12],
                                        ['Example3', 4],
                                        ['Example4', 11],
                                        ['Example5', 4],
                                        ['Example6', 3],
                                        ['Example7', 5],
                                        ['Example8', 40]
                                ]
                        }]

                });
}
    genPieChart();
});