Question

图表最适合实现 -

圈子周围有两个环，这样每个环表示其系列的分段从“总数”开始 - 类似于 -

series: [{
            name: 'Browser share',
            total : 100
            data: [ 
                ['White',   70.0],
                ['Dark Gray', 20.0],
                ['Gray', 10.0]
            ]
        }, {
            name: 'Color',
            total : 100
            data: [
                ['Orange', 50],
                ['Null'  , 50]
            ]
        }
        ]

会给 - 戒指重叠另一个戒指。

修改

我发现了这个 - http://jsfiddle.net/wjqrh/76/，我想这样但是另一个戒指重叠了。

Answer 1

好像你正在寻找一个圆环图。 Highcharts支持：http://www.highcharts.com/demo/pie-donut

查看plotOption的innerSize选项：

plotOptions: {
            pie: {
                innerSize: 80
            }
        },

http://jsfiddle.net/ae8Ac/

Answer 2

你可以像这里一样添加额外的系列

series: [
            {
                name: '',
                data: [['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50]],
                size: '70%',
                innerSize: '60%',
                showInLegend: false
            },                {
                name: '',
                data: [['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50], ['a', 50]],
                size: '60%',
                innerSize: '55%',
                showInLegend: false
            }
        ]

http://jsfiddle.net/wjqrh/83

Pie Highchart Chart有多个＆＃34; ring＆＃34;＆＃34;周围

2 个答案: