是否可以在 gRaphael 中获得 X 轴偏移或填充
Is it possible to get X axis offset or padding in gRaphael?
我有一个非常简单的折线图,我正在尝试在gRaphael中创建。我的问题是我的图形的第一个值总是放在 y 轴上。有没有办法在第一个点上添加填充或偏移,使其不在 y 轴上?
我尝试过的一种解决方案是添加另一组 x 值,这些值比另一行的 x 值少一个,大一个,但这搞砸了我的 x 轴标签。
我创建了一个jsFiddle来说明我的问题。其中第一个图表是我目前拥有的,第二个图表显示了上述解决方案的问题。
(虽然@eterps建议是可以接受的,而且有时使用现成的解决方案很方便,但我认为有必要使用 gRaphaël 提供解决方案,以造福其他人解决同一问题。
-
。但这搞砸了我的 X 轴标签
如果"搞砸了"是指缺失的值,那么您几乎就在那里。 只需将
axisxstep
值更新为 4,考虑到添加的额外 2 个值,您就可以开始了(请参阅下面的演示)。 -
另一方面,如果您指的是过多的填充 - 我建议转向对带有日期的 x 轴值进行更语义化的描述,同时将日期格式化程序应用于演示文稿(标签)。Ex Ratione的Reason在一篇描述这种方法的综合论文中对此进行了描述(见下面的链接)。
应用此技术后,您可以对格式化的日期值使用填充技巧,并实现更精细的粒度,从而缩小那些丑陋的装订线。 查看下面的第二个演示,了解如何开始此操作。
免责声明: 此方法要求将 Steven Levithan 的日期格式作为附加依赖项包含在内。 在编写代码之前,请考虑这一点。
演示:
-
axisxstep
更新 - 使用日期格式化程序
引用:
- 关于
- 地理管辖的格拉斐尔折线图提示
- 如何设置html元素填充的动画
- 如何使用jquery在填充自动完成的值后使文本框只读
- 如何通过ajax刷新JSF填充的javascript变量
- 用与线条相同的颜色填充多折线图上的点
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 用我的json数据填充JQuery DataTable
- 使用 jQuery 检查所有值是否为空或已填充
- 为什么不't我的变量在我的控制器中填充后在我的视图中呈现
- 如何让typeahead在我的搜索栏中填充自定义参数
- 如何使用JSON字符串中的jQuery填充下拉框
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- spine.js在启动时填充模型实例
- 如何将要单独填充的每个HTML画布路径/形状分开
- CSS赢得't填充视图端口
- 从JSON填充列表(而不是HTML)
- Fabric.js-更改矩形填充
- 是否可以在 gRaphael 中获得 X 轴偏移或填充
- gRaphael折线图:用JSON数据填充弹出标签而不是x&y坐标