1

オブジェクトのさまざまなプロパティをグラフ化しようとしていますが、凡例にはオブジェクトの名前しかないため、さまざまなプロパティごとではなく、オブジェクトの表示をオフ/オンにできます。

jsfiddleで、私が欲しいものをデモしようとしました。ここまでは順調ですが、凡例では、この例では 2 つのエントリ (2209 と 8444) のみが必要です。これは単なる例です。オブジェクトが増えると、チャートはすぐに扱いにくくなります。

ヘルプ (または、このトリックを実行できる他のチャート作成ソリューションへのポインター) は大歓迎です。私のjavascriptの知識はかなり限られています..

4

1 に答える 1

0

いつか私は同様の問題に直面しました。これが私が実装した方法です。

  • 凡例をハイチャートでグループ化することはできません。したがって、組み込みオプションは使用できません。
  • 代わりに、凡例のカスタム表示を作成する必要があります。
  • あなたは8つのアイテムの代わりに2つだけをリストすることができます(あなたの要件に従って)
  • 可能なUI要素はチェックボックスオプション(または単にハイパーリンク)にすることができます
  • 凡例の状態を保存する必要があります(選択/選択解除)
  • デフォルトでは、すべてのチャートが表示されます
  • 選択または選択解除時に、複数のシリーズを切り替えることができます(あなたの場合は1種類の4つ)

ここにサンプルコード

  // @name is the series name on the chart
  // @newValue would be true or false that is selected or deselected
  ToggleChartSeries = function (name, newValue) {
        // Get matching series or multiple series here
        var matchingSeries = .. // You need to fill the logic here 

        // for multiple series, you can loop through
        if (matchingSeries) {
            if (newValue) {
                matchingSeries.show();
            } else {
                matchingSeries.hide();
            }
        }
    };
于 2012-09-27T08:07:08.450 に答える