Highcharts甜甜圈传奇切换

时间:2013-07-14 18:03:36

标签: jquery highcharts

我使用高图饼图制作甜甜圈图表。问题是,当我点击图例切换系列时,它只影响点击的系列。我还要切换相关的子系列。我尝试了LegenditemClick事件和legendIndex,但到目前为止还没有成功。此处为图表示例:http://jsfiddle.net/safarov/PgpRv/  例如,当您单击“facebook legend”时,只有内部饼图隐藏。

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:4)

您需要为内圈和外圈设置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/