具有扩展区域的Highcharts饼图

Question

我需要构建饼图，可以将其扩展为图片： chart example 。 如果它是用高图制作的，那将是完美的，但如果不可能，那还可以。 我尝试使用饼图和甜甜圈饼图来做到这一点，并隐藏了较高级别数据的某些部分，但效果不佳。 有解决方案吗？ 我想要的只是一些提示或技巧，在哪里可以找到解决方案。

Answer 1

可以添加系列，这些系列将在主饼图中的单击时改变大小。

示例： http ： //jsfiddle.net/vkhvvs5d/

...
        point: {
            events: {
                click: function () {
                    var chart = this.series.chart,
                        series = chart.series,
                        len = series.length,
                        index = this.x + 1,
                        i;
                    for (i = 1; i < len; i++) {
                        if (i === index) {
                            series[i].update({
                                size: '100%',
                                dataLabels: {
                                    enabled: true
                                }
                            }, false);
                        } else {
                            series[i].update({
                                size: '0%',
                                dataLabels: {
                                    enabled: false
                                }
                            }, false);
                        }
                    }
                    chart.redraw();
                }
            }
        },
...