我有来自Susie Lu的图例库(http://d3-legend.susielu.com/#size)的大小图例的代码:
var lineSize = d3.scaleLinear().domain([d3.min(graph.links, function(d) {return d.value; }), d3.max(graph.links, function(d) {return d.value; })]).range([d3.min(graph.links, function(d) {return d.value; }), d3.max(graph.links, function(d) {return d.value; })]);
svg.append("g")
.attr("class", "legendSizeLine")
.attr("transform", "translate(20, 230)");
var legendSizeLine = d3.legendSize()
.scale(lineSize)
.shape("line")
.labelWrap(30)
.shapeWidth(50);
svg.select(".legendSizeLine")
.call(legendSizeLine);
代码正确地返回图例标签,它似乎正确地返回行(基于更改.shapeWidth
)...除了实际上看不到行。我认为第一行代码中的range
有问题。我尝试了各种范围(包括让它关闭)无济于事。我错过了什么?