Question

我有一个带有图例的馅饼，我需要包裹图例，但跨度相互重叠 My test pie

  // Apend only to the enter selection
    legendEnter.append("text")
         .text(function (d) {
             return d.data.label;

         })
         .style("font-size", 12)
         .attr("y", 10)
         .attr("x", 11)
         .call(wrap, 20);

Answer 1

Mike Bostock的wrap()函数的工作方式，您必须为文本设置dy属性：

.text(function(d) {
        return d.data.label;

    })
    .style("font-size", 12)
    .attr("y", 10)
    .attr("dy", 0)//set the dy here
    .attr("x", 11)
    .call(wrap, 40);

这是您的更新jsfiddle（我更改了一些值以便为文本提供更多空间）：https://jsfiddle.net/5c0fn7gw/

d3 v4换行文本字段（不是轴）

1 个答案: