圆环图中间带线

图片.png

类似这种的
1， 可以使用stroke

arcs
      .append("a")
      .attr("href", d => {
        return `/incidents?intel_type[]=${
          Array.isArray(d.data.key) ? d.data.key.join(",") : d.data.key
        }&time_range=${timeRange}`;
      })
      .append("path")
      .style("fill", (d, i) => {
        return EventColorObj[d.data.key]
          ? EventColorObj[d.data.key]
          : "#cda22e";
      })
      .style("stroke", "#fff")
      .style("stroke-width", "1px")
      .attr("d", arc)

2, 可以在布局的时候

const pie = d3
      .pie()
      // .padAngle(0.015)
      .sort(null)
      .value(d => {
        return d.value;
      });

3, 可以搜索
d3 drawing a line between arcs 关键词