Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义有序刻度的X轴?_Javascript_D3.js_Graphing - Fatal编程技术网

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并没有一个快速的答案。相反,它需要一个自定义算法/设置。