将图例饼图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'); 
       }); 
      } 
     }