是否可以在 gRaphael 中获得 X 轴偏移或填充

Is it possible to get X axis offset or padding in gRaphael?

本文关键字:填充 gRaphael 是否      更新时间:2023-09-26

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

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

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

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


  • 。但这搞砸了我的 X 轴标签

    如果"搞砸了"是指缺失的值,那么您几乎就在那里。 只需将axisxstep值更新为 4,考虑到添加的额外 2 个值,您就可以开始了(请参阅下面的演示)。

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

    应用此技术后,您可以对格式化的日期值使用填充技巧,并实现更精细的粒度,从而缩小那些丑陋的装订线。 查看下面的第二个演示,了解如何开始此操作。

    免责声明: 此方法要求将 Steven Levithan 的日期格式作为附加依赖项包含在内。 在编写代码之前,请考虑这一点。

演示:

  • axisxstep更新
  • 使用日期格式化程序

引用:

    关于
  • 地理管辖的格拉斐尔折线图提示