D3.js序数比例轴错误对齐

Question

我有一个简单的1 ?- [user]. |: transform(via(_,_,C,D),(C,D)). (ctrl+D here) true. 2 ?- X = [via(A,B,C,D),via(G,T,H,U),via(J,O,L,P)], maplist(transform,X,Y). X = [via(A, B, C, D), via(G, T, H, U), via(J, O, L, P)], Y = [ (C, D), (H, U), (L, P)]. 条形图（参见fiddle）。它说明了分数。基本上是正态分布图。 x轴是从0到2的分数的顺序刻度。

我的x轴与相应的条不对齐。

如果在创建画笔范围并单击条形图时查看JS控制台，则所选条形图与轴标签不匹配。

标签似乎与酒吧有负偏移。

我做错了什么？

d3

Answer 1

我从未弄清楚到底发生了什么，但丑陋的黑客是手动将轴向左移动35像素。

.attr("transform", "translate(-35" + height + ")");

从视觉上看，这是可以接受的，但实际上并不是对问题的解释。