highcharts饼状图
var chart;ide
$(document).ready(function() {this
chart = new Highcharts.Chart({spa
chart: {orm
renderTo: 'container',blog
margin: [0, 10, 150, 10]ip
},get
credits : {it
text : ''io
},function
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' */
}
]
}]
});
});