2011-09-07 58 views
1

我目前在gRaphael中實現了一個折線圖,它要求x軸向上移動y軸,使其位於零(我已經通過繪製自己的軸來完成)。gRaphael折線圖陰影變化

但是,當我嘗試遮蔽x軸上方/下方的區域時,現在遇到問題; gRaphael的陰影函數僅從圖底部到Y高度(而不是從y軸上的0到y高度)陰影。結果如下:

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

我已經發現了幾行中g.line.js看起來很像他們會有所幫助,但我不知道什麼是「L」,「C」 ,和「M」值意味着(我假設他們要告訴部分程序畫一條線等)

任何人比任何人的幫助,將不勝感激!

回答

1

我通過覆蓋g.line.js文件並創建一個添加到Y值的偏移量來解決此問題。偏移量是通過考慮Y軸上的最大值和最小值,SVG本身的高度和「陰溝」來計算的 - 這是一個爲SVG本身添加填充的值(這樣可以更好地顯示軸上的值)。公式看起來像這樣(並且順便說一下,軸的移動方式爲零):

(height - 2*gutter)*(miny/(maxy-miny))