2014-12-07 137 views
0

我知道如何disable hover on highcharts,我編輯答案在特殊片上禁用hove,因爲這是demo,但它不起作用。禁用懸停在餅圖的特殊片段上

我編輯系列的屬性如下所示:

series: [{ 
    showInLegend: false, 
    type: 'pie', 
    name: 'Pie Chart', 
    data: [ 
    ['Mobile', 65], // first half of pie 
    { 
     name: 'Other', 
     y: 35, 
     tooltip: { enabled: false } 
    } // second half of pie 
    ] 

如何禁用懸停關於使用highcharts餅圖特殊片?

回答

0

你非常接近你的自定義工具提示屬性的想法。我個人寧可使用自定義的名稱爲好,爲此而不是添加tooltip數據對象,我會使用一個名爲tooltipDisabled一個自定義屬性:

{name: 'Other', y: 35, tooltipDisabled:true} // second half of pie 

,然後使用工具提示formatter函數(回調函數調用時,點hoverd,這是完全重寫,能),我會用這個屬性鑑別要點:

tooltip: { 
     useHTML:true, 
     formatter: function(){ 
      return this.point.tooltipDisabled ? false : this.point.name +"<br><span style='font-size:18px;vertical-align:middle'>&#8226;</span>"+this.series.name+": <b>"+this.y+"</b>"; 
     } 

返回false,你可能已經猜到了,禁用工具提示。 。 (你可以看到我還添加了useHTML:true,所以highcharts渲染旁邊點名稱子彈

見琴:http://jsfiddle.net/e7brd9do/2/