javascript – Highcharts中的3层圆环图

前端之家收集整理的这篇文章主要介绍了javascript – Highcharts中的3层圆环图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Highcharts支持圆环图,基本上是一个内部饼图,第二个馅饼—显示为围绕它的甜甜圈. donut chart from the Highcharts demo site @H_403_2@是否有可能创建一个三层甜甜圈图表,即中间有馅饼的图表,馅饼周围的甜甜圈,以及围绕第一个馅饼的另一个甜甜圈?

@H_403_2@我怀疑这是不可能的,因为他们的选项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;
                }
            }
原文链接:https://www.f2er.com/js/152395.html

猜你在找的JavaScript相关文章