使用 d3 对数刻度代替线性刻度

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

这是我的小提琴：http://jsfiddle.net/JhDVC/5/ 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();

to

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

显示 z 轴（名称），但仍然没有条形或值。

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

工作中的jsfiddlehere http://jsfiddle.net/JhDVC/7/.

这是一些代码，以便我可以发布此内容：

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