javascript - 使用 d3 对数刻度而不是线性刻度

Question

我正在尝试根据 http://mbostock.github.com/d3/talk/20111116/bar-hierarchy.html 制作图表，唯一的区别是我想对 x 轴使用对数刻度。

这是我的 fiddle :http://jsfiddle.net/JhDVC/5/

如您所见，x 轴在第 4 行定义:

x = d3.scale.linear().range([0, w]),

如果我改变它

x = d3.scale.log().range([0, w]),

然后它不起作用(没有呈现任何内容)，抛出这些错误消息:

Error: Invalid value for <rect> attribute width="NaN" 

更改域设置从

x.domain([0, root.value]).nice();

到

x.domain([1, root.value]).nice();

显示了 z 轴(名称)，但仍然没有条形或值。

Answer 1

还有一些其他地方设置了比例域。您还需要更新它们。

工作 jsfiddle here .

这里有一些代码可以让我发布这个:

x.domain([1, root.value]).nice();