Блог

Главная - Вопросы по программированию - Верхние диаграммы: как я могу узнать, какие элементы легенды отключены?

Верхние диаграммы: как я могу узнать, какие элементы легенды отключены?

#highcharts

#верхние диаграммы

Вопрос:

Я хочу воссоздать легенду в своем собственном 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/

Вы заметите, что в отличие от исходной диаграммы, элемент легенды не становится серым (или изменяется), если я нажимаю на него.

Какое свойство я могу проверить / опросить (элегантно?) чтобы узнать, какие элементы легенды отключены?

Спасибо

Ответ №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/