线路没有正确跟随x os＆amp;第一个勾号没有显示

Question

请参阅：http://jsfiddle.net/bQHjj/

在绿线之后，圆圈应与我的x轴垂直对齐，但所有圆圈都向右移动几个像素。

X轴没有显示它的第一个刻度，应该是01.05.2013。

我的x轴设置：

var xAxis = d3.svg.axis().scale(x).ticks(d3.time.days, 1).tickFormat(d3.time.format("%d.%m.%Y"));

graph.append("svg:g")
        .attr("class", "x axis")
        .attr("transform", "translate(0," + h + ")")
        .call(xAxis)
        .selectAll("text")
        .style("text-anchor", "end")
        .attr("dx", "-.8em")
        .attr("dy", ".15em")
        .attr("transform", function (d) {
        return "rotate(-65)"
    });

有人可以告诉我出了什么问题吗？

Answer 1

您的日期解析功能不正确，似乎搞乱了时区，因为new Date(string)显然假定为UTC。 这将有效：

var format = d3.time.format("%Y-%m-%d");
function getDate(d) {
    return format.parse(d.date);
}

参见updated fiddle。