Highcharts 범례 항목에 대한 클릭 이벤트를 편집하려고합니다. 현재 설정에서는 범례 항목을 클릭하면 참 / 거짓으로 전환됩니다. 대신, 클릭 한 항목을 제외한 다른 모든 시리즈의 가시성을 false로 설정하기 위해 범례 항목 클릭을 원합니다 (본질적으로 지금 수행하는 작업의 반대).
나는 운없이 모든 시리즈를 토글하기 위해 JSfiddle을 구축하려고 시도했습니다. 링크 보기
주요 섹션은 다음과 같습니다.
legendItemClick: function() {
var chart = Highcharts.chart;
var series = chart.series;
for (item in series) {
if (series[item].visible) {
series[item].hide();
} else {
series[item].show();
}
};
return false
}
범례 항목을 클릭하면 차트와 모든 시리즈를 가져온 다음 각 항목을 순환하여 가시성을 전환합니다.
다음은 plotOptions.series.events.legendItemClick콜백을 사용하여 모든 시리즈에 대해 원하는 결과를 얻을 수있는 또 다른 방법 입니다.
데모 : http://jsfiddle.net/BlackLabel/vsj96c5x/
plotOptions: {
series: {
events: {
legendItemClick(e) {
e.preventDefault();
let chart = this.chart;
chart.series.forEach(s => {
if (s !== this && s.visible) {
s.hide();
} else {
s.show();
}
})
}
}
}
},
API : https://api.highcharts.com/highcharts/plotOptions.series.events.legendItemClick
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다