highcharts餅狀圖

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/150024IL-0.png" title="QQ20130917172833.png" alt="182411969.png" />

var chart;

$(document).ready(function() {

chart = new Highcharts.Chart({

chart: {

renderTo: 'container',

margin: [0, 10, 150, 10]

},

credits : {

text : ''

},

title: {

text: ''

},

plotArea: {

shadow: null,

borderWidth: null,

backgroundColor: null

},

tooltip: {

formatter: function() {

return this.point.name + '('+ Highcharts.numberFormat(this.percentage, 1) +'%)';

}

},

plotOptions: {

pie: {

enabled:true,

size:'80%',

allowPointSelect: true,

cursor: 'pointer',

dataLabels: {

enabled: true,

rotation:0,

formatter: function() {

if (this.y > 0) return this.y+"件"+'<br/>'+'('+ Highcharts.numberFormat(this.percentage, 1) +'%)';

},

color: 'white',

style: {

font: '13px Trebuchet MS, Verdana, sans-serif'

}

}

}

},

legend: {

layout: 'vertical',

style: {

left: 'auto',

bottom: 'auto',

right: '50px',

top: '100px'

}

},

series: [{

type: 'pie',

name: '庫存分布',

data: [

/* [state, inNums],

[state2, outNums] */

{

name:state,

y:inItem,

/* color:'#4F81BC' */

},

{

name:state2,//顯示的名稱

y:outTtem,//顯示的比例

/* color:'#9BBB58' */

}

]

}]

});

});