2013-04-10 31 views
1

當我點擊一個子切片(外部切片)時,是否有可能獲得父切片(內部切片)?如何在HighChart圓環圖中單擊外層時獲得內層切片?

當你點擊8.0的MSIE,我得到一個彈出窗口說8.0。我想得到的是父切片數據,在這種情況下,MSIE。請注意,Chrome也有一個8.0版本,所以當我點擊時我應該得到Chrome。

這可能嗎?

我的目標是當用戶點擊某個版本時,該切片的信息顯示在圓環圖下方的表格中。當用戶點擊瀏覽器片時,會顯示所有瀏覽器版本的信息。

這是一個JSFiddle我設置。

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

謝謝。

回答

2

您應該修改鑽取結構併爲每個「內部」系列和「外部」系列的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); 

       } 
      } 
     } 
+0

偉大的答案... – Mark 2013-04-11 16:42:59