jquery - Highcharts donut chart 例切换

Question

我正在使用 highchart 饼图来制作圆环图。问题是，当我单击图例来切换系列时，它只会影响单击的系列。我还想切换相关的子系列。我尝试过 LegenditemClick 事件和 legendIndex ，但到目前为止没有成功。以下是图表示例:http://jsfiddle.net/safarov/PgpRv/ 例如，当您单击“facebook legend”时，仅隐藏内部饼图。

任何帮助将不胜感激

Answer 1

您需要设置内环和外环的 id。然后通过 legendItemClick 通用并通过 id 搜索正确的点。

legendItemClick: function () {
                    var id = this.id,
                        data = this.series.chart.series[0].data;
                    $.each(data, function (i, point) {

                        if (point.parentId == id) {
                            if(point.visible)
                                point.setVisible(false);
                            else
                                point.setVisible(true);
                        }

                    });
                }

http://jsfiddle.net/sbochan/PgpRv/4/