簡體   English   中英

gRaphael折線圖陰影變化

[英]gRaphael line chart shade changes

我目前正在gRaphael中實現折線圖,該折線圖要求x軸沿y軸上移,使其位於零(我已經通過繪制自己的軸完成了此操作)。

但是,現在我在嘗試對x軸上方/下方的區域進行着色時遇到問題; gRaphael的陰影功能僅從圖形底部到Y高度(而不是從y軸上的0到y高度)進行陰影。 結果如下:

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

我在g.line.js中發現了幾行看起來可疑,可能會有所幫助,但是我不知道“ L”,“ C”和“ M”值的含義(我想他們是在告訴一個畫線的程序的一部分?)

來自比我更精通的任何人的任何幫助,將不勝感激!

我通過覆蓋g.line.js文件並創建要添加到Y值的偏移量來解決此問題。 偏移量是通過考慮Y軸上的最大值和最小值,SVG本身的高度和“裝訂線”來計算的,“ gutter”是為SVG本身添加填充的值(以便可以更好地顯示軸上的值)。 該公式如下所示(順便說一下,與將軸移至零的方式相同):

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM