2

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

我尝试过的一个解决方案是添加另一组 x 值，它们比我的另一行的 x 值小一个和一个大，但这会破坏我的 x 轴标签。

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

4

1 回答 1

2

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

  • ...但这搞砸了我的 x 轴标签

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

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

    应用此技术后，您可以对格式化的日期值使用填充黑客，并获得更精细的粒度，从而缩小那些丑陋的排水沟。查看下面的第二个演示，了解如何开始使用它。

    免责声明：这种方法需要将Steven Levithan 的日期格式作为附加依赖项包含在内。在提交代码之前考虑到这一点。

演示：

参考：

于 2012-06-20T20:43:01.357 回答