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

时间:2012-06-20 15:36:00

标签: javascript raphael graphael

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

我尝试过的一个解决方案是添加另一组x值,这些x值比我的其他行的x值少1和1,但这会搞砸我的x轴标记。

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

1 个答案:

答案 0 :(得分:2)

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


  •   

    ......但这会搞砸我的x轴标签

    如果通过“搞砸”你的意思是缺失值,你几乎就在那里。只需将axisxstep值更新为4,考虑添加额外的2个值,您就可以了(请参阅下面的演示)。

  • 另一方面,如果你指的是过多的填充 - 我建议使用日期对x轴的值进行更加语义描述,同时为演示文稿应用日期格式化程序(标签)。来自Ex Ratione Reason 在一篇描述此方法的综合论文中写到了这一点(请参阅下面的链接)。

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

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

<强>演示:

<强>参考文献: