javascript - gRaphael 折线图阴影变化

Question

我目前正在 gRaphael 中实现一个折线图，它需要 x 轴向上移动 y 轴，使其位于零（我已经通过绘制自己的轴来完成）。

但是，我现在在尝试遮蔽 x 轴上方/下方的区域时遇到了问题；gRaphael 的阴影函数仅从图形底部到 Y 高度（而不是从 y 轴上的 0 到 y 高度）。结果如下：

我在 g.line.js 中发现了几行，看起来很可疑，它们会有所帮助，但我不知道“L”、“C”和“M”值是什么意思（我假设它们要告诉画线等程序的一部分？）

任何比我更知情的人的帮助将不胜感激！

score 1 · Accepted Answer

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

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

1 回答 1