2014-09-22 29 views
0

我正在使用highchart插件,並非常喜歡它。我正在使用圖表類型:PIE,高圖的特徵。我想添加一個標籤,它顯示了該標籤內點擊餅圖區域的值,就像在jquery旋鈕中一樣。例如,當我們點擊jquery旋鈕的圓形路徑時,它會顯示該部分的值。以http://anthonyterrien.com/knob/爲例。我想在Highchart中使用這種功能(圖表類型:PIE)。有沒有辦法做到這一點?如何使用高分辨率Jquery插件的文本標籤Jquery旋鈕

這是我想要的快照。 enter image description here

我希望當用戶點擊任何部分(如5,10,15)時,它會顯示該標籤中點擊的值(紅色方塊)。我能夠獲得點擊值,但不知道如何使用PLUGIN的任何選項在該位置顯示該標籤。

回答

1

您可以在圖表/ point上捕獲click()事件,然後使用renderer添加自定義文本。

編輯: 第二個解決方案是使用帶有標題和調用setTitle函數的餅圖。

point: { 
       events: { 
        click:function(){ 
         var y = this.y; 

         this.series.chart.setTitle({ 
          text: y 
         }); 
        } 
       } 
      }, 

例子:http://jsfiddle.net/5k86cvoe/

+0

感謝您的幫助。我編輯了我的問題以獲得更多通關。請幫我用代碼。 – 2014-09-23 12:08:11

+0

@ShivekParmar查看我編輯的答案 – 2014-09-24 11:10:03

+0

非常感謝您節省了我的一天。 – 2014-09-25 05:22:19

相關問題