Highcharts支持圆环图,基本上是一个内部饼图,第二个馅饼—显示为围绕它的甜甜圈.
donut chart from the Highcharts demo site
是否有可能创建一个三层甜甜圈图表,即中间有馅饼的图表,馅饼周围的甜甜圈,以及围绕第一个馅饼的另一个甜甜圈？
我怀疑这是不可能的,因为他们的选项plotOptions.pie.innerSize建议他们只支持内部大小和外部大小,而不是内部大小,中等大小和外部大小.但也许我错过了一些东西.
解决方法
只是尝试设置更多系列,并在尺寸和内部尺寸上播放一段时间,请参阅：
http://jsbin.com/oyudan/165/edit
series: [{
name: 'browsers',data: [11,23,14,15],size: '40%',dataLabels: {
formatter: function() {
return this.y > 5 ? this.point.name : null;
},color: 'white',distance: -30
}
},{
name: 'Versions',data: [4,7,11,2,3,8,5,5],size: '70%',innerSize: '40%',dataLabels: {
formatter: function() {
// display only if larger than 1
return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null;
}
}
},data: [2,4,6,1,3],size: '80%',innerSize: '70%',dataLabels: {
formatter: function() {
// display only if larger than 1
return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null;
}
}