Можно ли отображать легенды во всплывающем окне вместо контейнера диаграммы с помощью highcharts?

Я новичок в highcharts. Легенды диаграммы отображаются под диаграммой, которая занимает слишком много места. Можем ли мы реализовать что-то вроде всплывающего окна, в котором будут помещены эти легенды. Мы добавим кнопку в контейнер диаграммы, щелкнув по ней, мы откроем это всплывающее окно.

1
0
162
1

Ответы 1

Да, вы можете, но вы должны создать свою собственную легенду, например:

            load: function() {
                var chart = this,
                    legendSymbol;

                $(chart.series).each(function(i, serie) {
                    legendSymbol = "<svg width='20' height='15'>" + serie.legendSymbol.element.outerHTML + "</svg>";
                    $('<span class="customLegendItem">' + legendSymbol + serie.name + '</span>').click(function() {
                        serie.visible ? serie.hide() : serie.show();
                    }).appendTo('#legend');
                });

                $('#toggleLegend').on('click', function() {
                    $('#legend').toggle();
                });
            }

Живая демонстрация: http://jsfiddle.net/BlackLabel/w3g0fv75/

Другие вопросы по теме