Javascript 自定义有序刻度的X轴?
我正在使用Javascript 自定义有序刻度的X轴?,javascript,d3.js,graphing,Javascript,D3.js,Graphing,我正在使用d3.js构建一个堆叠条形图 举例说明: 我正在绘制每天行驶的总英里数。因此,一个人可能早上开车20英里,午餐开车5英里,晚上开车20英里。我想把这3个值叠加一天 X是一种基于时间的顺序刻度。图表按预期运行 但假设图表有30天。我想定制X轴,这样每天就不会被绘制为“10/27/2012”。相反,我想用像ticks()和tickFormat()这样的东西来定制一个非常类似于定量的量表 通过.axis()可用的方法似乎仅适用于定量量表,而不是顺序量表: 那么,如何使用和顺序刻度定制基于时间
d3.js
构建一个堆叠条形图
举例说明:
我正在绘制每天行驶的总英里数。因此,一个人可能早上开车20英里,午餐开车5英里,晚上开车20英里。我想把这3个值叠加一天
X
是一种基于时间的顺序刻度。图表按预期运行
但假设图表有30天。我想定制X
轴,这样每天就不会被绘制为“10/27/2012”。相反,我想用像ticks()
和tickFormat()
这样的东西来定制一个非常类似于定量的量表
通过.axis()
可用的方法似乎仅适用于定量量表,而不是顺序量表:
那么,如何使用和顺序刻度定制基于时间的
X
轴呢?你找到答案了吗……你能解释一下为什么不只是在X轴上使用d3.time.scale(),然后使用.tickFormat(d3.time.format(“%d%b”))格式化吗。你为什么不把数据放在一天中的某个时段:[早上、午餐、晚上],然后使用d3.layout.stack()构建一个堆叠的图形呢?我在谷歌群组上找到了一篇帖子,这正是我想要的。事实证明,通过D3API并没有一个快速的答案。相反,它需要一个自定义算法/设置。