我有一个圆环图，它被用作显示进展的一种方式。我没有办法向您展示圆环图，但代码很简单，可以复制和粘贴。
我添加了代码来向您展示一个示例。我尝试了各种不合理的方法来使过渡工作第一次。但由于某种原因，它仍然无法正常工作。网上的所有例子都非常相似，所以我不确定为什么会这样。
var data = [95, 5];
var pie = d3.pie().sort(null);
var svg = d3.select("svg"),
width = svg.attr("width"),
height = svg.attr("height"),
radius = Math.min(width, height) / 2;
var arc = d3.arc()
.innerRadius(60)
.outerRadius(radius);
function createdonut() {
g = svg.append("g").attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
//Inner SVG Circle
svg.append("svg:circle")
.attr("cx", width / 2)
.attr("cy", height / 2)
.attr("r", 60)
.style("fill", "#ead4d4")
.append("g");
var color = d3.scaleOrdinal(['#4daf4a', '#377eb8', '#ff7f00', '#984ea3', '#e41a1c']);
//Generate groups
var …