2016-04-27 1 views
0

私は現在、このようになりますかなり基本的な複合折れ線グラフがあります。私はそれに続く「ダイナミック」の注釈を追加したいと思いカスタムデータ注釈をdc.jsグラフに追加するにはどうすればよいですか?

enter image description here

を:

enter image description here

」により、動的 "とは、ユーザーによって日付フィルタが変更されるたびに、またはブラシ選択があるたびに、これらの合計と計算された比率を更新する必要があることを意味します。

私は二つの側面に貼り付けています:

  1. これにアプローチするための推奨方法は何ですか?これまで私は2つのパスを調べました:

    • レンダリングを使用してSVG要素をグラフに描画する:データを取得するためにcrossfilterオブジェクトにアクセスできません。
    • チャート外でカスタムD3レンダリングを作成する:日付セレクタが変更されたとき、またはチャートが「ブラシ」されているときに、統計を更新することができません。また、これは何らかの形でチャート内のアノテーションを(私が理解する限り)持つことの柔軟性を低下させます。
  2. 脇に、比はクロスフィルターで直接計算できますか?もしそうなら、どのように?

答えて

2

あなたがこれをモックアップしたやり方で、これらを別々のチャートとして設定することをおすすめします。おそらく最も良い選択肢はdc.numberDisplayです。

計算の比率について - はい、Crossfilterで計算できますが、そうしないでください。比率の両方のコンポーネントを単一のCrossfilterグループ(カスタムレデューサー、Reductio、またはUniverseを使用)で更新し、レポート時に除算を行います。 dc.jsでは、これはチャートのvalueAccessorの比率を計算することを意味します。

+0

私が推奨したように、dc.numberDisplayを使用して、valueAccessorの比率をカスタムCrossfilterグループで計算することができました。ありがとう。 – Zack

関連する問題