Javascript gRaphael折线图阴影变化

Javascript gRaphael折线图阴影变化,javascript,graph,charts,line,graphael,Javascript,Graph,Charts,Line,Graphael,我目前正在gRaphael中实现一个折线图,它要求x轴向上移动y轴,使其位于零(我已经通过绘制自己的轴完成了这一点) 然而,我现在遇到了一个问题,当我试图遮住x轴上/下的区域时;gRaphael的着色函数仅从图形底部着色到Y高度(而不是从Y轴上的0着色到Y高度)。结果如下: 我在g.line.js中发现了几行代码,它们看起来似乎有帮助,但我不知道“L”、“C”和“M”值的含义(我假设它们是告诉程序的一部分画一条线等等) 任何比我更了解情况的人的任何帮助都将不胜感激 我通过覆盖g.line.js

我目前正在gRaphael中实现一个折线图,它要求x轴向上移动y轴,使其位于零(我已经通过绘制自己的轴完成了这一点)

然而,我现在遇到了一个问题,当我试图遮住x轴上/下的区域时;gRaphael的着色函数仅从图形底部着色到Y高度(而不是从Y轴上的0着色到Y高度)。结果如下:

我在g.line.js中发现了几行代码,它们看起来似乎有帮助,但我不知道“L”、“C”和“M”值的含义(我假设它们是告诉程序的一部分画一条线等等)


任何比我更了解情况的人的任何帮助都将不胜感激

我通过覆盖g.line.js文件并创建一个偏移量来添加到Y值,从而解决了这个问题。偏移量是通过考虑Y轴上的最大值和最小值、SVG本身的高度和“边沟”(一个为SVG本身添加填充的值,以便更好地显示轴上的值)来计算的。公式如下所示(顺便说一句,与轴移动到零的方式相同):


我通过重写g.line.js文件并创建一个偏移量来添加到Y值,从而解决了这个问题。偏移量是通过考虑Y轴上的最大值和最小值、SVG本身的高度和“边沟”(一个为SVG本身添加填充的值,以便更好地显示轴上的值)来计算的。公式如下所示(顺便说一句,与轴移动到零的方式相同):

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