$(function() {
$('#canvasDiv').highcharts({
chart: {
backgroundColor:'rgba(255, 255, 255, 0)',
plotBorderColor:null,
plotBackgroundColor:null,
plotBackgroundImage:null,
plotBorderWidth:null,
plotShadow:false,
width:200,
height:200,
},
tooltip: {
pointFormat:'{series.name}: {point.percentage:.1f}%'},
plotOptions: {
pie: {
allowPointSelect:true,
cursor:'pointer'}
},
title: {
text:''},
dataLabels: {
enabled:false,
color:'#000000',//distance: -20,
connectorColor: '#000000',
formatter:function() {return ''+ this.point.name +': '+ this.percentage +' %';
}
},
series: [{
type:'pie',
name:'Browser share',
data: [
['Firefox', 45.0],
['IE', 26.8],
{
name:'Chrome',
y:12.8,
sliced:true,
selected:true},
['Safari', 8.5],
['Opera', 6.2],
['Others', 0.7]
]
}]
});
});