javascript – 使用d3日志量表而不是线性比例

我正在试图做一个基于 http://mbostock.github.com/d3/talk/20111116/bar-hierarchy.html的图表,唯一的区别是我想用x轴的对数刻度.

这是我的小提琴：http://jsfiddle.net/JhDVC/5/

如您所见,x轴在第4行定义：

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

如果我改变它

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

然后它不工作(没有渲染),抛出这些错误消息：

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

更改域设置

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

至

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

显示z轴(名称),但仍然没有条形或值.

解决方法

还有一些其他地方设置了规模的域.您还需要更新这些.

工作jsfiddle here.

这里有一些代码让它能够发布：

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