チャート：系列の表示切り替え

Seriesクラスのvisibilityプロパティを使用して、系列をチャートと凡例に表示するか、凡例にのみ表示するか、または完全に非表示にするかを決定できます。FlexChartには、プロパティを1つ設定するだけで有効にできる凡例の切り替え機能が組み込まれています。

系列の表示/非表示は、次の2つの方法で切り替えることができます。

1. 凡例エントリをクリックする。これで、チャートのoption.legendToggleプロパティがtrueに設定されます。これにより、系列の凡例エントリがクリックされると、そのvisibilityプロパティが切り替わります。

2. チェックボックスを使用する。checkedの状態が変化すると、各系列の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;
});

これは、1つの系列に対して1つのチェックボックスのクリックを実装する例を示します。系列ごとにチェックボックスが必要です。