Highcharts甜甜圈传奇切换

【问题标题】：Highcharts donut legend toggleHighcharts甜甜圈传奇切换
【发布时间】：2013-07-14 18:03:36
【问题描述】：

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

任何帮助将不胜感激

【问题讨论】：

标签： jquery highcharts

【解决方案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/

【讨论】：