javascript - 是否有可能在 gRaphael 中获得 X 轴偏移或填充？

Question

我尝试在 gRaphael 中创建一个非常简单的折线图。我的问题是图表的第一个值始终位于 y 轴上。有没有办法向第一个点添加填充或偏移量，使其不在 y 轴上？

我尝试过的一个解决方案是添加另一组 x 值，这些值比我另一行的 x 值少一个，但是这搞砸了我的 x 轴标签。

我创建了一个 jsFiddle来说明我的问题。其中第一张图是我目前拥有的，第二张图显示了上述解决方案的问题。

Answer 1

(虽然 @eterps 的建议是可以接受的，而且有时使用现成的解决方案很方便，但我看到有必要使用 gRaphaël 提供解决方案，以帮助其他人解决同样的问题。)

---

• ... but this screws up my x-axis labeling

  如果您所说的“搞砸了”指的是缺失值，那么您就快搞定了。考虑到添加的额外 2 个值，只需将 axisxstep 值更新为 4，就可以开始了(参见下面的演示)。

• 另一方面，如果您指的是过多的填充 - 我建议转向对带有日期的 x 轴值进行更语义化的描述，同时为演示文稿应用日期格式化程序 (标签)。 原因 来自 Ex Ratione在描述这种方法的综合论文中写到了它(见下面的链接)。

  应用此技术后，您可以对格式化日期值使用填充 hack，并实现更精细的粒度，从而缩小那些难看的间距。查看下面的第二个演示，了解如何开始使用它。

  免责声明:此方法需要 Steven Levithan's Date Format作为附加依赖项包含在内。在使用代码之前考虑到这一点。

演示:

• axisxstep updated
• using date formatters

引用资料:

• Tips for gRaphaël Line Charts on Ex Ratione