Можем ли мы показать легенды во всплывающем окне вместо этого в контейнере диаграммы с Highcharts.?

Question

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

Answer 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/