highcharts - 是否可以放大餅圖

我的圖是這個例子jsfiddle example

chart: { 
      renderTo: 'container', 
      type: 'area', 
      zoomType: 'x', 
     }

藍本，但它似乎並沒有與餅圖工作。我在這裏錯過了什麼嗎？理想情況下，我會有一個2層餅圖，其中外層充當內層的子層。當選擇一個孩子切片，然後我可以有一個完整的餅圖顯示單獨切片，與自己的孩子一起等

來源

2013-01-17 Dolgion

Unfortunaltely變焦不允許餅圖作爲其屬性表明您

X：在x軸 y以放大：在y軸 XY縮放：放大兩個軸

但你可以使用size財產使用JavaScript來顯示縮放。 size property demo

來源

2013-01-17 08:13:58

我想我找到了我真正想要的東西。它不是縮放，而是捕獲切片上點擊事件的選項。

爲了做到這一點，必須使用allowPointSelect屬性，它可以添加到一個餅圖這樣的（只是幾種不同的方式之一）：

plotOptions: { 
    pie: { 
     shadow: false, 
     allowPointSelect: true, 
    }, 
}

然後以擷取點擊一個有權宣佈被用於在series的events屬性：

series: [{ 
    name: 'Example', 
    data: [ 
     { 
      name: 'Firefox', 
      value: 45.0 
     }, 
     { 
      name: 'IE', 
      value: 26.8 
     }, 
     { 
      name: 'Chrome', 
      value: 12.8, 
     }, 
    ], 
    size: '100%', 
    point: { 
     events: { 
      click: function() { 
       // some code to execute when clicking a slice 
       alert('Slice name: ' + this.name + ' and value: ' + this.value); 
      } 
     } 
    } 
}]

然後在點擊功能，任何能夠執行JavaScript代碼，並在數據的聲明的字段也可以被訪問。所以理論上可以即時創建第二個餅圖。

來源

2013-01-18 10:31:51 Dolgion

highcharts - 是否可以放大餅圖

回答

相關問題