秋天，是收获的季节，它因收获而变得美丽。苹果成熟了，成熟的苹果染红了大树，葡萄成熟了，成熟的葡萄在向我们微笑，桃子也成熟了，桃子像小女孩粉红的脸蛋。
Javascript highcharts 饼图显示数量和百分比实例代码
最近公司项目需求有这样一个功能模块，highcharts 饼图显示数量和百分比 ，由于本人刚入门，看到这个需求不会写，于是就上网搜下相关资料，觉得一篇还不错记录下。
<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 '<b>'+ this.point.name +'</b>: '+ 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>
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
以上就是Javascript highcharts 饼图显示数量和百分比实例代码。只有正直、忠诚、宽容和拥有仁爱之心的人才能够达到真正意义上的成功。不具备这些品质的人，就无法体会到成功的滋味，因为成功和幸福一样，不在于外在的富有，而在于内心的感受。更多关于Javascript highcharts 饼图显示数量和百分比实例代码请关注haodaima.com其它相关文章！