D3.js - 日期刻度不与数据路径对齐 - 向右偏移

时间:2013-12-03 19:27:18

标签: d3.js

如此处FIDDLE所示,底部的日期标记与数据路径不对齐。周二02不会从零点开始。它略微向右移动。

我尝试了很多东西,但我无法理解。这只发生在底轴而不是数据。

如何让日期从左下角开始?感谢。

I'm not adding any code due to the extend of it. Please check link.

2 个答案:

答案 0 :(得分:1)

您遇到的问题是由于时区问题。无论您对UTC的时区偏移是什么,所有日期都将被抵消。为避免这种情况,请不要依赖new Date()从字符串创建Date个对象,而是明确解析它们。 D3提供了执行此操作的功能:

var parse = d3.time.format("%Y-%m-%d").parse;

然后你可以像这样解析:

parse(d.date);

完成jsfiddle here

答案 1 :(得分:0)

你的线路每天最多匹配05:00。所以我刚做了isotime 05:00。示例fiddle

{"id":190688,"energy":"19518","date":"2013-11-07T05:00:00Z"}

这个fiddle在不编辑数据的情况下更加优雅。