Highcharts餅圖：如何隱藏除三個最高值之外的所有圖例

Question

我有一個餅圖，有20個「切片」，我只需要顯示最高3個數字的圖例。

例如，我的系列：

 series: [{ 
     name: 'Costs', 
     data: [ 
     [ 
     'Rent', 
     2520 
     ], 
     [ 
     'Spending money', 
     1572 
     ], 
     [ 
     'Travel', 
     1325 
     ], 
     [ 
     'Home', 
     1142 
     ], 
     [ 
     'Personal', 
     949 
     ], 
     [ 
     'Groceries', 
     577 
     ], 
     [ 
     'Car', 
     469 
     ], 
     [ 
     'Clothing', 
     415 
     ], 
     [ 
     'Gifts', 
     391 
     ], 
     [ 
     'Entertainment', 
     310 
     ], 
     [ 
     'Other', 
     1480 
     ] 
    ] 
    }], 

使用上面的數據，我只想顯示出租傳說，花錢和其他。

我可以看到我們有一個showInLegend：假選擇，但是，涉及到隱藏系列，在這裏我想隱藏與內一系列數據傳說。

下一步是什麼？

Answer 1

我建議禁用默認的傳說和使用自己的，像例如：

http://jsfiddle.net/N3KAC/1/

$legend = $('#customLegend'); 

    $.each(chart.series[0].data, function (j, data) { 

     $legend.append('<div class="item"><div class="symbol" style="background-color:'+data.color+'"></div><div class="serieName" id="">' + data.name + '</div></div>'); 

    }); 

    $('#customLegend .item').click(function(){ 
     var inx = $(this).index(), 
      point = chart.series[0].data[inx]; 

     if(point.visible) 
      point.setVisible(false); 
     else 
      point.setVisible(true); 
    });   

然後，你將有機會加入condtions等，其實現自己的目標。