如何使用甜甜圈类型制作Highchart 2或更多内饼但只有1个外馅饼?

时间:2012-12-27 10:13:51

标签: highcharts donut-chart

我需要一个包含2个或更多内部Pie Slice的图表和1个带有甜甜圈类型的Highchart插件的外部饼图。

这是甜甜圈的例子:

http://tinyurl.com/d4fp8p9

这是jsfiddle。它有类别,每个类别有超过1个数据。我想要的是 ?我有类别,但每个类别都没有数据。只有一个切片有外层饼干的数据。

1 个答案:

答案 0 :(得分:1)

Here is working Demo

实际上,您需要从没有与甜甜圈馅饼链接的饼图中删除drilldown属性,并检查数据:

 if(data[i].drilldown!=undefined){
    for (var j = 0; j < data[i].drilldown.data.length; j++) {
        var brightness = 0.2 - (j /data[i].drilldown.data.length) / 5 ;
        versionsData.push({
            name: data[i].drilldown.categories[j],
            y: data[i].drilldown.data[j],
            color: Highcharts.Color(data[i].color).brighten(brightness).get()
        });
    }
}}

或像this Demo

那样放空洞