[英]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.