1

現在、gRaphael で折れ線グラフを実装しています。これは、x 軸が y 軸を上に移動してゼロになるようにする必要があります (これは、独自の軸を描画することで既に達成しています)。

ただし、x 軸の上/下の領域をシェーディングしようとすると、問題が発生します。gRaphael の shade 関数は、グラフの下部から Y の高さまでのみシェーディングします (y 軸の 0 から y の高さまでとは対照的です)。結果は次のとおりです。

http://i.stack.imgur.com/ZuPhw.png

g.line.js で、役に立ちそうに見えるいくつかの行を見つけましたが、「L」、「C」、および「M」の値が何を意味するのかわかりません (これらは、線を引くプログラムの一部など?)

私より詳しい人からの助けをいただければ幸いです。

4

1 に答える 1

1

g.line.js ファイルをオーバーライドし、オフセットを作成して Y 値に追加することで、これを解決しました。オフセットは、Y 軸の最大値と最小値、SVG 自体の高さ、および "ガター" (SVG 自体にパディングを追加する値) (軸上の値をより適切に表示できるようにする値) を考慮して計算されました。式は次のようになります (ちなみに、軸をゼロに移動した方法と同じです)。

(height - 2*gutter)*(miny/(maxy-miny))
于 2011-09-08T10:22:14.930 に答える