FlexChart 계열(Series) 가시성 전환

Series 클래스에는 visibility 속성이 있어 계열(Series)를 차트와 범례에 표시할지, 범례에만 표시할지 완전히 숨길지 여부를 결정할 수 있습니다. 또한 FlexChart에는 속성 설정만으로 활성화할 수 있는 범례 전환 기능도 포함되어 있습니다.

계열(Series)의 가시성은 두 가지 방법을 사용하여 토글할 수 있습니다.

1. 범례 항목 클릭: 차트는 차트의 option.legendToggle 속성을 true로 설정하여, 범례 항목이 클릭될 때 계열(Series)의 가시성 속성을 토글합니다.
2. 체크박스 사용: checked 상태가 변경되면, 각 계열(Series)의 visibility 속성을 checked 상태로 설정합니다.

legendToggle 사용 예시:

myChart.legendToggle = true;

체크박스 사용 예시:

var myCheckbox = document.getElementById('myCheckbox');
addEventListener('click', function (e) {
        myChart.series[0].visibility = e.target.checked
            ? wijmo.chart.SeriesVisibility.Visible
            : wijmo.chart.SeriesVisibility.Legend;
    });

이 예는 한 계열(Series)에 대해 단일 체크박스 클릭 구현을 보여줍니다. 각 계열(Series)에 대한 체크박스가 필요합니다.