gRaphael 折线图阴影变化答案

【问题标题】：gRaphael line chart shade changesgRaphael 折线图阴影变化
【发布时间】：2011-09-07 17:45:15
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：