高图传奇

Question

我在图表中添加了一个按钮来切换 (show/hide) 图表图例。为了隐藏我的图例，我在回调函数中使用：
legend.group.hide()<br> Legend.box.hide()

效果很好，但是当隐藏图例时，图例分页（图例分页导航）在图表上仍然可见。我怎样才能同时隐藏图例导航？

Answer 1

您可以像这样使用分页隐藏图例：

$('.highcharts-legend').hide();

Answer 2

您需要引用 down/up/pager 个对象并隐藏它们。

$('#updateLegend').click(function (e) {
        var legend = chart.legend;
        if(legend.display) {
            legend.group.hide();
            legend.down.hide();
            legend.up.hide();
            legend.pager.hide();
            legend.display = false;
        } else {

            legend.group.show();
            legend.down.show();
            legend.up.show();
            legend.pager.show();
            legend.display = true;
        }
    });

示例：http://jsfiddle.net/3Bh7b/124/

高图传奇

Highchart legend

highcharts

pagination

legend