2013-06-26 2 views
2

Можно ли переключать диаграммы dataLabels (включено/выключено) по щелчку (без перерисовки графика) так же, как следующее:Есть ли способ установить параметры Highchart динамически?

('.inner-container').click(function() { 
    chart.setTitle({text: "New Title"}); 
}); 

Я попробовал метод ниже, но он не работает.

('.inner-container').click(function() { 
    chart.setOptions({dataLabels: {enabled: true}}); 
}); 

Я не могу найти подробную информацию о том, как динамически устанавливать параметры диаграммы в документации. Если кто-то может указать мне в правильном направлении, тогда это будет очень признательно.

+0

вы можете установить 'chart.options' непосредственно я думаю – Cherniv

+1

В официальном документ в«http://api.highcharts.com/highcharts ", есть раздел« Методы и свойства », который описывается как« Для динамической модификации диаграммы. Просмотр как JSON, XML. ». Вы не нашли там своего счастья? – Ricola3D

+0

Чтобы отключить ваше текстовое свойство Title, вы просто устанавливаете ** текст ** на ** null **, как показано ниже: http: //jsfiddle.net/HFurV/ –

ответ

7

Мне удалось выяснить это, используя метод series.update().

chart.series[0].update({ 
    dataLabels: { 
     enabled: true 
    } 
}); 

Благодарим за помощь.

+1

отлично - именно то, что я искал! – raoulinski

1

Дополнительное решение, основанное на datalabels элементов:

http://jsfiddle.net/eNMvw/37/

chart.series[0].hideDataLabels = false; 

// Add toggler action 
$('#toggler').click(function() { 
    chart.series[0].hideDataLabels = !chart.series[0].hideDataLabels; 
    chart.series[0].hide(); 
    chart.series[0].show(); 
});