すべて時系列のデータがあるため、d3 グラフの x 軸は常に時間です。1 つのグラフに複数の線を表示することをサポートする必要がありますが、線ごとに y 軸データのドメインが大きく異なる可能性があります。たとえば、1 行目は次のようになります。
1 2 3 4 5 for times 1-5
5000 10000 15000 20000 25000 for times 1-5
これをd3で処理する良い方法は何ですか?
すべて時系列のデータがあるため、d3 グラフの x 軸は常に時間です。1 つのグラフに複数の線を表示することをサポートする必要がありますが、線ごとに y 軸データのドメインが大きく異なる可能性があります。たとえば、1 行目は次のようになります。
1 2 3 4 5 for times 1-5
5000 10000 15000 20000 25000 for times 1-5
これをd3で処理する良い方法は何ですか?
2 つの別々の Y 軸を持つことができます。グラフの左側に 1 つ、右側に 1 つ。
この投稿では、2 折れ線グラフの設定について説明します。http://www.d3noob.org/2013/01/adding-more-than-one-line-to-graph-in.html
そしてこの投稿では、あなたが説明したものと同様のスケールの問題を持つラインに2つの異なるy軸を設定することについて説明しています. http://www.d3noob.org/2013/01/using-multiple-axes-for-d3js-graph.html
最終結果はこのようなものです。
y 値にゼロがない場合は、対数スケールをお勧めします。いずれにせよ、すべての線の最小から最大までの範囲の単一の y スケールを作成し、それをすべてに使用するだけです。
同一の x 軸スケールで 2 つのプロットを重ねることを考えたことはありますか? または、迅速に比較するために、1 つのデータ シリーズを別のデータ シリーズのドメインに合わせて再スケーリングし、それを凡例に記録することがあります。「シリーズ 1 (x10 スケーリング)」