Question

我想在我自己的div中重新创建传奇，我按照另一个SO答案给出了这个例子：

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

http://jsfiddle.net/j3xvg/1/

您会注意到，与原始图表不同，如果点击它，图例项目不会变灰（或更改）。

我可以检查/查询（优雅地？）找出哪些属性被禁用？

感谢

Answer 1

您可以使用CSS类并添加到项目。

 $(chart.series).each(function (i, serie) {
                    $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function () {
                        if(serie.visible) {
                            $(this).addClass('inactive');
                            serie.hide();
                        } else { $(this).removeClass('inactive');
                            serie.show();
                        }

                    }).appendTo('#legend');
                });

http://jsfiddle.net/j3xvg/16/

Highcharts：如何找出哪些图例项被禁用？

1 个答案: