Highcharts Pie

Donut Pie with Text in middle

by Ben Clayton

HTML

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

<div id="container1" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
<div id="container2" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {

    var cfg1= {
        title:{text:"Colours"},
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    };
 
    
    var theme2 = {
        colors: ['#111122', '#223322', '#443333', '#445544', '#555566', '#667766', 
             '#777777', '#888888', '#999999'],
        title:{text:"Black Theme"}
   
    }
 
    $('#container2').highcharts(Highcharts.merge(cfg1,theme2));


});