d3-legend线条不显示

时间:2017-06-14 17:25:17

标签: javascript d3.js

我有来自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有问题。我尝试了各种范围(包括让它关闭)无济于事。我错过了什么?

0 个答案:

没有答案