Highcharts中的3层圆环图

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)