Highcharts，從餅圖中的圖例中排除數據點

Question

如何從餅圖類型的圖表的圖例中排除一​​個特定數據點，但顯示所有其他數據點？

Answer 1

該選項目前不存在於HighCharts中，但我可以找到，但是，您可能可以對源代碼進行一些黑客操作以使其正常工作。

我使用版本v2.3.3這個黑客，但是，其他版本可能類似的工作。

有問題的代碼是圍繞線9336：

allItems = []; 
    each(chart.series, function (serie) { 
     var seriesOptions = serie.options; 

     if (!seriesOptions.showInLegend) { 
      return; 
     } 

     // use points or series for the legend item depending on legendType 
     allItems = allItems.concat(
       serie.legendItems || 
       (seriesOptions.legendType === 'point' ? 
         serie.data : 
         serie) 
     ); 
    }); 

緊接該代碼後，放置以下代碼：

for (var i=0;i<allItems.length;i++){ 
     if (typeof allItems[i].showInLegend !== "undefined"){ 
      if (!allItems[i].showInLegend){ 
       allItems.splice(i,1) 
       i--; 
      } 
     } 
    } 

然後，對於設置showInLegend =假像這樣的點：

{ 
    name: 'Chrome', 
    y: 12.8, 
    sliced: true, 
    selected: true, 
    showInLegend: false 
}, 

這是一個顯示工作概念的JSFiddle：http://jsfiddle.net/mkremer90/zXSJW/

Answer 2

您正在尋找

chart.series[0].setData() 

工作DEMOhttp://jsfiddle.net/XdfSd/

Answer 3

您可以在這個例子中使用 「假」 系列，如：

http://jsfiddle.net/Qaaqw/

，介紹如何在圖例中顯示定義的項目。

legendItemClick: function (event) { 
         console.log(this); 
         var thisSeriesId = this.id; 
         var thisSeriesVisibility = this.visible ? true : false; 

         $(chart.series).each(function (i, e) { 

          $(e.data).each(function(j, k){ 

           if (thisSeriesId === k.id) { 
            thisSeriesVisibility ? k.setVisible(false) : k.setVisible(true); 
           } 
          }); 
         }); 
         event.preventDefault(); 

        }