だから私は画面上にこの画像のようなものを持っています:
棒グラフを作成するための例を見てきましたが、私が抱えている問題は、負からゼロ、正へとグラフ化することです。各行を3本のバーにする必要があるかどうか疑問に思っています(負の値からゼロ、平均の点線の長方形、そして平均から最大値)。
これはローソク足チャートのようなものですが、水平です。
どんな助けでも大歓迎です。
これが私がこれまでに達成したことのフィドルです:http://jsfiddle.net/jLjPz/
だから私は画面上にこの画像のようなものを持っています:
棒グラフを作成するための例を見てきましたが、私が抱えている問題は、負からゼロ、正へとグラフ化することです。各行を3本のバーにする必要があるかどうか疑問に思っています(負の値からゼロ、平均の点線の長方形、そして平均から最大値)。
これはローソク足チャートのようなものですが、水平です。
どんな助けでも大歓迎です。
これが私がこれまでに達成したことのフィドルです:http://jsfiddle.net/jLjPz/
提供した画像に似るようにjsfiddleを変更しました。私の変更について注意すべき点がいくつかあります。
線形スケールの場合、負の数と正の数を配列に入力できます。したがって、を使用する代わりに、を使用.domain([0,100])
する必要があります.domain([-100,100])
。
このスケールを使用して、をマップd[0]
しd[1]
、長方形が描画されたときに軸に合わせて正しいサイズで表示されるようにすることができます。
最後に、[start、width]の値を少し計算して、スケールでうまく機能するようにしました。
x(d[0])
は正しくスケーリングされた位置です-各長方形の左側。
x(d[1]+d[0])-x(d[0])
は、各長方形の正しくスケーリングされた幅です。
x(d[1]+d[0])-x(d[0]))/2+x(d[0])
は、長方形の正しくスケーリングされた中点です。
お役に立てれば!