jquery - Highcharts甜甜圈传奇切换

Question

我使用 highchart 饼图制作甜甜圈图。问题是当我点击图例来切换系列时，它只会影响点击的系列。我还想切换相关的子系列。我已经尝试过LegenditemClickevent 和legendIndex，但到目前为止没有成功。这里的图表示例：http: //jsfiddle.net/safarov/PgpRv/例如， 当您单击“facebook 图例”时，仅隐藏内部饼图。

任何帮助将不胜感激

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/