删除 d3 圆环图上显示的标签线



>实际上试图删除出现在圆环弧上的标签行部分,即希望谎言在圆环图之外开始。我使用的代码是

var outerArc = d3.arc()
            .outerRadius(radius * 0.9)
            .innerRadius(radius * 0.9);
function midAngle(d) { return d.startAngle + ((d.endAngle - d.startAngle)) / 2; }
  if (lablesettings.show) {
        var enteringLabels = svg.selectAll(".polyline").data(pie(viewModel.dataPoints)).enter();
        var labelGroups = enteringLabels.append("g")
                                        .attr("class", "polyline")
                                        .style("fill", "none")
                                        .style("stroke", "grey")
                                        .style("stroke-width", "1px")
                                        .style("opacity", "0.4");
        var line = labelGroups.append("polyline").attr('points', function (d) {
            var arccentroid = arc.centroid(d);
            var pos = outerArc.centroid(d);
            pos[0] = radius * 0.95 * (midAngle(d) < Math.PI ? 1 : -1);
           //var fpos=((arccentroid[0]+pos[0])/2 (arccentroid[1]+pos[1])/2);
           return [arc.centroid(d), outerArc.centroid(d), pos
        });

请向我建议我可以根据我的要求着陆的修改。提前致谢:)

您的代码不完整。点数组在它开始变得有趣的地方停止。你能发布该声明的其余部分吗?

从我目前所看到的情况来看,我会说从points数组中删除arc.centroid(d)

最新更新