由于公司项目的需求,需要做一个立体的饼图来展示数据,但是翻了很久Echarts的手册,始终找不到解决的方法。于是开始接触了highcharts.发现highcharts可以很轻松的制作一个立体的饼图。而且视觉效果很棒。所以,写下这篇博客,希望可以帮助到同样有3D立体饼图需求的人。draw:function (data) {
$("."+this.install.sty).highcharts({
chart: {
type: 'pie',
backgroundColor: '#EDEDED',
options3d: {
enabled: true,
alpha: 45,
beta: 0
}
},
title: {
text: this.install.name
},
exporting: {
enabled:false
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
enabled: true,
formatter:function(){
return this.point.name+'('+this.point.percentage.toFixed(1)+"%)";
},
connectorWidth:1,
highcharts 制作3D立体饼图
最新推荐文章于 2024-07-22 16:21:22 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)