自定义图例 pie 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');
                });
            }
        }