gRaphael折线图阴影变化

时间:2011-09-07 17:45:15

标签: javascript graph charts line graphael

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

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

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

我在g.line.js中找到了几行看起来很可疑,就像他们会有所帮助,但我不知道“L”,“C”和“M”值是什么意思(我猜他们是告诉程序的一部分画一条线等?)

非常感谢任何比我更了解情况的人的帮助!

1 个答案:

答案 0 :(得分:1)

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

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