使用D3js在交互式散点图中将时间解析器添加到轴

Question

我正在使用D3.js制作散点图，我无法将适当的时间刻度应用于X轴。我的所有数据都在同一年（2016年），在3个月内。

我通常以不同的方式执行此操作，并且我想要了解我在这个方面做错了什么，它具有与我在D3中通常使用的不同的代码结构。

Here is the code in JsBin

这是X轴代码：

var xValue = function(d) {
return d.datadois;
 }, 
 xScale = d3.time.scale(), 
 xMap = function(d) {
return xScale(xValue(d));
}, 
xAxis = d3.svg.axis().scale(xScale).orient("bottom").ticks(10, ".f");

想知道如何正确应用时间刻度，以便在数据中渲染月份。