Pie Chart Demo
http://stackoverflow.com/questions/12105829/how-to-change-the-x-and-y-axis-names-of-pie-chart-high-chart
HTML
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>
JavaScript
var chart;
$(document).ready(function () {
chart = new Highcharts.Chart(
{
series:[
{
name:"Resource Reports of BugTracker",
type:"pie",
sliced:true,
data:[
[
"HR",
215
],
[
"IT",
128
],
[
"Admin",
104
],
[
"Finance",
119
]
],
pointWidth:15,
color:"#C6D9E7",
borderColor:"#8BB6D9",
shadow:true,
}
],
title: {
text: 'Resource Reports of BugTracker'
},
subtitle: {
text: 'Year: 2011-2012 Region: Ahmedabad'
},
tooltip: {
formatter: function() {
return '<b>ProjectName = '+ this.point.name +', Logged Bugs= '+ this.y + '</b>';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
distance: -10,
enabled: true,
color: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y;
}
}
}
},
chart:{
renderTo:"container"
},
credits:{
enabled:true
}
}
);
});