<div class="piecleft" id="chart" style="height:350px; width: 350px;">
div>
<script type="text/javascript" charset="utf-8">
var
chart;
$(document).ready(
function
() {
chart
=
new
Highcharts.Chart({
chart: {
renderTo:
'
chart
'
},
title: {
text:
'
版本分布分析
'
},
plotArea: {
shadow:
null
,
borderWidth:
null
,
backgroundColor:
null
},
tooltip: {
formatter:
function
() {
return
'
'
+
this
.point.name
+
'
:
'
+
Highcharts.numberFormat(
this
.percentage,
1
)
+
'
% (
'
+
Highcharts.numberFormat(
this
.y,
0
,
'
,
'
)
+
'
个)
'
;
}
},
plotOptions: {
pie: {
allowPointSelect:
true
,
cursor:
'
pointer
'
,
dataLabels: {
enabled:
true
,
formatter:
function
() {
if
(
this
.percentage
>
4
)
return
this
.point.name;
},
color:
'
white
'
,
style: {
font:
'
13px Trebuchet MS, Verdana, sans-serif
'
}
}
}
},
legend: {
backgroundColor:
'
#FFFFFF
'
,
x:
0
,
y:
-
30
},
credits: {
enabled:
false
},
series: [{
type:
'
pie
'
,
name:
'
Browser share
'
,
data: [
[
'
1.1
'
,
3617
],
[
'
1.2.1
'
,
3436
],
[
'
1.0
'
,
416
],
[
'
1.3
'
,
2
],
[
'
1.2
'
,
1
],
[
'
新增对比
'
,
5000
]
]
}]
});
});
script>