带有缺失部分的凹坑/D3 饼图答案

【问题标题】：Dimple/D3 Pie chart with missing pieces带有缺失部分的凹坑/D3 饼图
【发布时间】：2023-11-28 22:00:01
【问题描述】：

如果我有一个饼图的百分比，说 90%，有没有办法在凹坑中创建一个仅显示 90% 而其他 10% 是缺失切片的饼图？谢谢。

【问题讨论】：

“缺失”是指与背景颜色相同？
是的。缺少切片。

标签： jquery d3.js charts pie-chart dimple.js

【解决方案1】：

var arc = d3.arc()
    .startAngle(0)
    .endAngle(Math.PI * 2);

将开始角度设置为 0，然后在 2PI 结束。你可以乘以你想要的角度。

var svg = d3.select("body")
    .append("svg")
    .attr("width", 200)
    .attr("height", 200)
    .append("g")
    .attr("transform", "translate(100,100)");

var arc = d3.svg.arc()
    .innerRadius(0)
    .outerRadius(70)
    .startAngle(0)
    .endAngle(2 * Math.PI * 0.9);

svg.append("path")
    .attr("class", "arc")
    .attr("d", arc);

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"&gt;&lt;/script&gt;

【讨论】：

酒窝怎么办？我像这样创建饼图： var mySeries = myChart.addSeries('legend', dimple.plot.pie);我知道 d3 在下面，所以必须有办法做到这一点。谢谢。
我仍然有使用酒窝的问题。看到这个：*.com/questions/45383257/…