2014-01-07 3 views
1

Я хотел бы спросить, можно ли просто скрыть все поле легенды на диаграмме, используя библиотеку HighCharts.js?Как скрыть/отключить окно легенды в 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); 

Любая помощь будет оценена по достоинству.

ответ

3

Ну, самый простой способ я нашел, чтобы сделать это просто добавив атрибут легенда для chart_object и установить включен ложь: Пример:

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

я думаю, что это единственный правильный способ – cincplug

+0

Это должно быть отмечено как правильный ответ. API docs: https: //api.highcharts.com/highcharts/legend.enabled – Ibanez0

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/

Смежные вопросы