jquery - 選択したデータ系列、HighCharts 以外をすべて非表示

Question

ハイチャートを使用した折れ線グラフがいくつかあり、ユーザーが選択したデータ系列以外をすべて非表示にする必要があります。サンプル ページはhttp://opheliadesign.com/weightにあります。

たとえば、[体組成] で [脂肪] をクリックすると、[骨]、[水分]、[BMI] が非表示になり、体脂肪のグラフが見やすくなります。

ありがとう！

Answer 1

ハイチャートにまたは同様の機能があるとは思いませんが、次のhideAll()ようなことを試すことができます：

//assuming chart is your chart
series = chart.series;
for(var i = 0; i < series.length; i++) {
    if(!series[i].selected) {
        series[i].hide();    //Hide the series
    }
}

その後、シリーズを選択するたびにそのコードを呼び出すだけで済みます。チャートイベントを使用して何らかのチェックを実行することで、おそらくこれを行うことができます