Question

我想问一下，是否可以使用HighCharts.js库隐藏图表中的所有图例框？

var chart_object = {
chart: {
    renderTo: render_to,
    type: graph_type
},
colors:graph_colors,
title: {
    text: ''
},
xAxis: {
    min: 0,
    title: {
        text: x_axis.title,
        margin: 15
    },
    categories: categories,

},
(...)           
};

 // Create the chart
 var chart = new Highcharts.Chart(chart_object);

任何帮助将不胜感激。

Answer 1

嗯，我发现这样做最简单的方法就是将图例属性添加到chart_object并将 enabled 设置为false：样品：

var chart_object = {
 chart: {
 renderTo: render_to,
 type: graph_type
},
legend:{ enabled:false },
colors:graph_colors,
(...)

Answer 2

如果您需要动态执行此操作，可以使用此解决方案

 $('#updateLegend').click(function (e) {
        var legend = chart.legend; 

        if(legend.display) {
            legend.group.hide();
            legend.box.hide();
            legend.display = false;
        } else {

            legend.group.show();
            legend.box.show();
            legend.display = true;
        }
    });

http://jsfiddle.net/sbochan/3Bh7b/1/

如何在Highcharts.js中隐藏/禁用图例框？

2 个答案: