2013-06-26 2 views
2

은 가능한 많은 다음과 같이 (비활성화/활성화) 클릭에 (차트를 다시 그릴없이) 차트 dataLabels를 전환하는 것입니다 :하이 차트 옵션을 동적으로 설정하는 방법이 있습니까?

('.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 
    } 
}); 

도움 주셔서 감사합니다. datalabels 요소를 기반으로

+1

완벽 - 정확히 내가 무엇을 찾고 있었는지! – raoulinski

1

추가 솔루션 :

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(); 
}); 
관련 문제