添加多個標題上highchart餅圖懸停

-1

我有顯示兩個標題中highCharts上懸停（取景圖像）餅圖添加多個標題上highchart餅圖懸停

我想顯示懸停的百分比值，我已經計算成陣列的百分比。

我想只顯示指定產品的百分比。

當我把事情的經過，我得到的所有值在所有產品中的百分比（請參閱提琴）

下面是一段代碼，我想：

var anewVar = [0.0, 17.6, 0.0, 0.0, 6.6, 34.3, 17.1, 0.0, 0.0, 0.5, 0.0, 23.9] // just a dummy array, actually want to display the percentage that we get (for eg, mustard oil is 17.6 %) on hover with amount(as shown) 

Highcharts.chart('pieholder', { 
    chart: { 
     plotBorderWidth: null, 
     plotShadow: false, 
     type: 'pie' 
    }, 
    title: { 
     text: 'Productwise Sale (Amt)' 
    }, 
    plotOptions: { 
     pie: { 
      size: '50%', 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: true, 
       format: '<b>{point.name}</b>: {point.percentage:.1f} %', 
       style: { 
        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
       } 
      } 
     } 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'Percent : ' + anewVar + ' <br> Amount', 
     colorByPoint: true, 
     color: ['#AA4643'], 
     data: [{ 
      name: 'Coconut Oil', 
      y: 14211 
     }, { 
      name: 'ALMOND OIL', 
      y: 0 
     }, { 
      name: 'Oil', 
      y: 312 
     }, { 
      name: 'Special Oil', 
      y: 0 
     }, { 
      name: 'Special Combo Offer', 
      y: 0 
     }, { 
      name: 'Dairy Special', 
      y: 10156 
     }, { 
      name: 'Sunflower Oil', 
      y: 20390 
     }, { 
      name: 'Dairy Taaza Pure Milk ', 
      y: 3937 
     }, { 
      name: 'JASMINE OIL', 
      y: 0 
     }, { 
      name: 'AMLA OIL', 
      y: 0 
     }, { 
      name: 'Mustard Oil', 
      y: 10432 
     }, { 
      name: 'New Oil', 
      y: 0, 

     }] 
    }] 
});

每個標題上出現的百分比都是由highCharts動態計算的（希望如此，只是假設），但是我已經將它計算在一個數組中，並且希望在產品懸停時顯示它（例如，它將顯示在標題上，I wa nt它顯示百分比時，它也懸停）

任何人都可以幫助我如何做到這一點？

或者還有什麼其他方法可以實現嗎？

已經徹底搜索了堆棧溢出，github卻找不到解決辦法。所提及的所有答案有以下兩種不同的圖表或東西從什麼我的要求是

注意不同：那些誰downVote，請發表評論或回答。

來源

2017-07-18 Ashish Bahl

使用tooltip.formatter

tooltip: { 
    formatter: function() { 
     return '<b>' + this.point.name + '</b><br> ' + 'Percentage: ' + this.percentage.toFixed(1) + ' %<br>' + 'Amount: ' + this.y; 
    } 
    },

Updated fiddle

來源

2017-07-18 08:19:16

由於一噸隊友@Deep 3015！ –

添加多個標題上highchart餅圖懸停

回答

相關問題