如何在夏令时更改期间使D3正确显示xAxis

时间:2016-11-07 15:30:57

标签: javascript d3.js timezone render dst

我正在使用D3从数据创建折线图。 我正在使用D3的d3.svg.axis()传入.tickValues 一切正常,直到我的图表的开始/结束时间跨越夏令时的变化,例如今年10月30日上午02:00。 然后我无法让xaXis按照我的意愿展示。 如果我将.tickValues改变一半(例如在凌晨2点之后),那么它只会创建一个大间隙(十月)或值重叠(四月)。 图表线本身继续呈现正常。这只是xAxis的一个问题。这应该只是一个美化改变,但它可能会比这更深入。现在我只想用图表来渲染线条,但看到xAxis看起来很漂亮和像这样光滑

01:57 01:58 01:59 01:00 01:01 01:02

或在夏天喜欢这个

01:57 01:58 01:59 03:00 03:01 03:01

...没有渲染比例刻度相互重叠或受到大空间的影响!

1 个答案:

答案 0 :(得分:0)

......最后的答案是实现自定义刻度格式函数并将其传递给d3.svg.axis().tickFormat(myCustomTickFormatFunction)