我正在尝试使用以下数据构建散点图:
[
{"frequency": 10, "date": "2014-01-01"},
{"frequency": 20, "date": "2014-01-02"},
{"frequency": 30, "date": "2014-01-03"}
]
我在 x 轴上绘制“日期”,在 y 轴上绘制频率。我在 x 轴上使用“d3.time.scale”。问题是比例和刻度从原点开始在 x 轴上,因此我得到的绘图从 y 轴上开始。
为了解决这个问题,我尝试将前一天和后一天,即“2013-12-31”和“2014-01-04”添加到x轴域(使用“d3.time.day.偏移”函数)。
如果给定时间序列以天为间隔,则上述代码有效。如果我的数据以月为间隔,如下所示:
[
{"frequency": 10, "date": "2014-01-01"},
{"frequency": 20, "date": "2014-02-02"},
{"frequency": 30, "date": "2014-03-03"}
]
上面的代码将不起作用。我必须改用“d3.time.month.offset”函数。
有没有办法知道给定时间序列的间隔并使用适当的偏移量。 (即“d3.time.month.offset”、“d3.time.year.offset”、“d3.time.day.offset”等)。
谢谢
最佳答案
我遇到了类似的问题,但我认为这可能有用:http://jsfiddle.net/robdodson/KWRxW/
var x = d3.time.scale()
.domain([new Date(data[0].date), d3.time.day.offset(new Date(data[data.length - 1].date), 1)])
.rangeRound([0, 宽度 - 边距.左 - 边距.右]);
此外,Mike 在此处列举了日期/时间偏移:https://github.com/mbostock/d3/wiki/Time-Intervals
:)
关于javascript - 如何在 d3 中为日期时间刻度设置正确的域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25284256/