gRaphael折线图阴影更改

Question

我目前正在用gRaphael实现一个折线图，它要求x轴向上移动y轴，这样它就位于零上(我已经通过绘制自己的轴实现了这一点)。

但是，当我尝试对x轴上方/下方的区域进行着色时，我遇到了一个问题；gRaphael的着色函数只对图形底部到y高度进行着色(而不是从y轴上的0到y高度)。结果如下：

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

我在g.line.js中发现了几行代码，它们看起来可能会有帮助，但我不知道"L“、"C”和"M“值是什么意思(我假设它们是告诉程序的一部分绘制一条线，等等？)

任何比我消息灵通的人的帮助都将不胜感激！

Answer 1

我通过覆盖g.line.js文件并创建一个偏移量来添加Y值来解决这个问题。偏移量是通过考虑Y轴上的最大值和最小值、SVG本身的高度和“间隔”来计算的，“间隔”是一个向SVG本身添加填充的值(以便轴上的值可以更好地显示)。公式看起来像这样(顺便说一句，它与轴移动到零的方式相同)：

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