Abstraction over HighCharts

pie-with-legend.js

function draw_pie_chart(container_selector, name, title, data) {

    	// Build the chart
        $(container_selector).highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: title
            },
            tooltip: {
               pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
           },
           plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false
                },
                showInLegend: true
            }
        },
        series: [{
            type: 'pie',
            name: name,
            data: data
        }]

    });
}

function gen_pie_chart(container_selector, name, title, json_file_path) {
    function init_pie_chart(json_data) {
        draw_pie_chart(container_selector, name, title, json_data);
    };


    $.ajax({
        url: json_file_path,
        success: init_pie_chart
    });
}