javascript - Highcharts 中的 3 层圆环图

Question

Highcharts 支持圆环图，本质上是一个内部饼图和第二个饼图——显示为圆环——围绕着它。 donut chart from the Highcharts demo site

是否可以创建一个三层圆环图，即中间有一个饼图，一个圆环图围绕着饼图，另一个圆环图围绕着第一个？

我怀疑这是不可能的，因为他们的选项 plotOptions.pie.innerSize 表明他们只支持内部尺寸和外部尺寸，而不支持内部尺寸、中间尺寸和外部尺寸。但也许我遗漏了什么。

Answer 1

就试着多设置series，玩一会size和inner size，看: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;
                }
            }