将图例饼图高清图自定义为标记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');
                });
            }
        }