將圖例餅圖highchart自定義爲標記div

Question

我成功地將圖例創建爲div外部，但是當點擊圖例外部沒有事件在圖表上顯示/隱藏系列時。

我覺得在功能事件/負載問題，但我還沒有修復。

 events: { 
      load: function() { 
       var chart = this; 
       $(chart.series[0].data).each(function (i, serie) { 
        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function() { 
         serie.visible ? serie.hide() : serie.show(); 
        }).appendTo('#legend'); 
       }); 
      } 
     } 

這是我的jsfiddle：http://jsfiddle.net/hoanghoang3009/oepyvgtf/

謝謝！

Answer 1

使用setVisible

Forked fiddle

events: { 
      load: function() { 
       var chart = this; 
       $(chart.series[0].data).each(function (i, serie) { 
       //console.log(serie) 
        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function() { 
         serie.visible ? serie.setVisible(false) : serie.setVisible(true); 
        }).appendTo('#legend'); 
       }); 
      } 
     }