单击HighChart圆环图中的外部切片时,如何获得内部切片?

时间:2013-04-10 19:20:38

标签: highcharts donut-chart

单击子切片(外切片)时是否可以获取父切片(内切片)?

当你点击8.0 for MSIE时,我得到一个说8.0的弹出窗口。我想得到的是父切片数据,在本例中是MSIE。请注意,Chrome也有8.0版,所以当我点击它时我应该使用Chrome。

这可能吗?

我的目标是当用户点击某个版本时,该切片的信息会显示在圆环图下方的表格中。当用户单击浏览器片时,将显示所有版本浏览器的信息。

这是一个JSFiddle I设置。

 series: [{
     ...,
     point:{
        events:{
            click: function (event) {
                alert(this.name); // Get access to parent slice here.
            }
        }
    }
}]
http://jsfiddle.net/CodeWzrd/Sre9G/2/

感谢。

1 个答案:

答案 0 :(得分:2)

你应该修改钻取结构并为每个“内部”系列添加id,为“外部”系列添加parentID。然后使用get函数(http://api.highcharts.com/highcharts#Chart.get())显示“父”名称。

这是显示MSIE名称的简单示例,但如果您为其他系列添加所有参数,那么它将适用于每个系列。

http://jsfiddle.net/Sre9G/4/

 point: {
            events: {
                click: function (event) {
                    var parentSerie = this.options.parentId;
                   alert(this.series.chart.get(parentSerie).name); 

                }
            }
        }