Highchart传奇

时间:2015-06-23 20:07:45

标签: highcharts pagination legend

我在图表中添加了一个按钮,用于切换(显示/隐藏)图表图例。 为了隐藏我的传奇,我在回调函数中使用:
legend.group.hide()
Legend.box.hide()

这很有效,但是当隐藏图例时,图例中的图例分页(图例分页导航)仍然可见。 我怎样才能隐藏图例导航?

2 个答案:

答案 0 :(得分:1)

您可以使用以下分页隐藏图例:

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

答案 1 :(得分:0)

你需要引用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/