Javascript 我试图建立一个d3甜甜圈图表，我想分割每个弧，并显示弧之间的价值，我还试图添加甜甜圈内的img

从d3导入*作为d3； 类应用程序扩展组件{ 渲染{ 变量数据集=[{ 颜色：红色， 值：20，图像：'https://www.shutterstock.com/image-photo/waves-water-river-sea-meet-each-1529923664' }, { 颜色：紫色， 价值：30 }, { 颜色：橙色， 价值：40 }, { 颜色：绿色， 数值：10 }]; 可变宽度=460， 高度=300， 半径=数学最小宽度，高度/2； //var color=d3.category20； 变量pie=d3.pie.padAngle0.1 .sortnull.valuefunctiond{ 返回d值； };; var arc1=d3.arc /*.内半径半径-18 .外半径-13； */ var arc=d3.arc .内半径半径-20 .外半径-10； var svg=d3.selectbody.appendsvg .宽度，宽度 .身高，身高 .附录 .attransform，translate+宽度/2+，+高度/2+； var path=svg.selectAll.background .数据派[{ 颜色：白色， 价值：1 }] .enter.appendpath .课程、背景 .attrfill，functionad，i{ 返回d.data.color； } .attrd，arc1； var path=svg.selectAll.前台 .数据集 .enter.appendpath 类，前景 .直线连接，圆形 .A.圆形笔划线头 .笔划宽度，10 .没有 .attrstrow，函数，i{ 返回d.data.color； } .没有 .attrd，arc； /*svg.appendtext .text20/12 .attr类、单位标签*/ //var imgs=svg.selectAllimage.data[0].image； //输入 //.appendsvg：图像 回来 } }

---

导出默认应用程序；您的代码片段不起作用。同样，我确信我已经回答了你的一个类似的问题……这是从D3图表，你能试着把代码片段复制到CODESDENBOX，你检查了吗？嗨，这不符合我的要求，我想在每一个圆弧的中间显示一个空格，我可以在这里显示。count@Tej添加当前工作代码-使用代码段，JSFIDLE或其他用于创建的工具。