IT이야기

하이 차트 범례 항목 클릭 이벤트를 수정하는 방법

cyworld 2021. 10. 8. 21:08
반응형

하이 차트 범례 항목 클릭 이벤트를 수정하는 방법은 무엇입니까?


highcharts 범례 항목에 대한 클릭 이벤트를 수정해야 합니다. Highcharts 데모 http://www.highcharts.com/demo/line-basic . 예를 들어: 첫 번째 작업은 경고가 되고 두 번째 작업은 기본적으로 작업이 됩니다(차트에서 도쿄 선 지우기). 감사 해요. 질문이 깨끗하지 않은 경우 죄송합니다.


legendItemClick다음 코드와 같은 콜백 을 사용해야 합니다.

plotOptions: {
        line: {

           events: {
                legendItemClick: function () {
                   alert('I am an alert');
                   //return false; 
                   // <== returning false will cancel the default action
                    }
                }
            ,
            showInLegend: true
        }
    }

다음은 도쿄와 같은 범례를 클릭한 다음 도쿄 라인을 숨길 때 경고를 표시하는 작업 바이올린 입니다.

해당 이벤트에 대한 plotOptions 문서 도 참조하십시오 . 사용하는 차트 유형에 따라 배치해야 하는 위치가 다를 수 있습니다.


저에게 legendItemClick 이벤트는 라인이 아니라 시리즈에 대한 것이어야 했습니다. 예:

plotOptions: {
        series: {
            events: {
                legendItemClick: function(event) {
                    var visibility = this.visible ? 'visible' : 'hidden';
                    if (!confirm('The series is currently '+ 
                                 visibility +'. Do you want to change that?')) {
                        return false;
                    }
                }
            }
        }
    },

Highcharts의 예: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/

ReferenceURL : https://stackoverflow.com/questions/10604952/how-to-modify-highcharts-legend-item-click-event

반응형