Круговая диаграмма Dimple/D3 с отсутствующими частями

Если у меня есть процент круговой диаграммы, скажем, 90%, есть ли способ в ямочке создать круговую диаграмму, которая показывает только 90%, а остальные 10% - это отсутствующий фрагмент? Спасибо.


jquery charts d3.js pie-chart dimple.js
person cdub    schedule 28.07.2017    source источник
comment
Под «отсутствует» вы имеете в виду тот же цвет, что и фон?   -  person lloyd    schedule 29.07.2017
comment
да. Отсутствующий фрагмент.   -  person cdub    schedule 29.07.2017

Ответы (1)


arrow_upward
1
arrow_downward 

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);
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

person lloyd    schedule 28.07.2017
comment
Как мне это сделать с ямочкой? Я создаю круговую диаграмму следующим образом: var mySeries = myChart.addSeries('legend', dimple.plot.pie); Я знаю, что d3 лежит внизу, поэтому должен быть способ сделать это. Спасибо. - person cdub; 29.07.2017
comment
У меня все еще есть проблема с использованием dimple. См. это: stackoverflow .com/questions/45383257/ - person cdub; 29.07.2017