Dav*_*and 6 javascript html5 highcharts donut-chart
Highcharts支持圆环图,基本上是一个内部饼图,第二个馅饼---显示为围绕它的甜甜圈.来自Highcharts演示网站的圆环图
是否有可能创建一个三层甜甜圈图表,即中间有馅饼的图表,围绕馅饼的甜甜圈,以及围绕第一个馅饼的另一个甜甜圈?
我怀疑这是不可能的,因为他们的选项plotOptions.pie.innerSize建议他们只支持内部大小和外部大小,而不是内部大小,中等大小和外部大小.但也许我错过了一些东西.
Paw*_*Fus 12
只是尝试设置更多系列,并在尺寸和内部尺寸上播放一段时间,请参阅: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,11,2,3,3,8,5,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;
}
}
}, {
name: 'Versions',
data: [2,2,3,4,6,5,6,5,1,1,2,1,2,1,4,4,2,3,2,3,2,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;
}
}
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
6677 次 |
最近记录: |