我使用d3.js创建了一个类似于http://mbostock.github.com/d3/ex/stack.html的堆叠条形图,并带有一些额外的功能。我能够添加标签和网格,但我遇到了一些问题日志规模。我使用d3.js对数缩放堆积的条形图
d3.scale.log().domain([minNum,maxNum]).range([height,0])
,但我无法弄清楚如何使用叠式图实现它,用下面的代码:
var vis = d3.select("#chart")
.append("svg")
.attr("width", width)
.attr("height", height + margin);
var layers = vis.selectAll("g.layer")
.data(data)
.enter().append("g")
.style("fill", function(d, i) { return color(i/(n - 1)); })
.attr("class", "layer");
var bars = layers.selectAll("g.bar")
.data(function(d) { return d; })
.enter().append("g")
.attr("class", "bar")
.attr("transform", function(d) { return "translate(" + x(d) + ",0)"; });
bars.append("rect")
.attr("width", x({x: .9}))
.attr("x", 0)
.attr("y", y1)
.attr("height", function(d) { return y0(d) - y1(d); });
我知道它所处理: .attr(“高度” ,函数(d){return y0(d) - y1(d);});
任何帮助将是伟大的。
嗨,你有没有找到解决的办法? – Lloyd