d3 Bilevel Partition - равные части

Question

Я использую d3, чтобы попытаться использовать двунаправленную диаграмму пончика для отображения данных с равными большими частями и пропорциональными внутренними частями. Я работаю над приведенным здесь примером: https://bl.ocks.org/mbostock/5944371.

В принципе, я хочу показать 6 групп, и каждый из них будет иметь значение «Открыть» и «Закрыто», которое я хочу иметь размер пропорционально большей дуге, но я хочу, чтобы большие дуги оставались на 1/6 от размера общий пончик.

Я видел подобный вопрос здесь без ответов: https://stackoverflow.com/questions/37195588/equal-inner-arc-angles-for-d3-bilevel-partition.

Я смог рассказать о JSON, чтобы показать эффект, который я хотел, но, очевидно, если данные меняются, это искажается. Вот как это было бы со всеми равными значениями:

Любой совет? Заранее спасибо.

Answer 1

Посмотрев на это немного больше, это на самом деле простое исправление. JSON я наконец придумал выглядит следующим образом:

{ 
    "name": "flare", 
    "children": [ 
    { 
     "name": "team1", 
     "children": [ 
     { 
      "name": "open", 
      "size": 0.8 
     }, 
     { 
      "name": "closed", 
      "size": 0.2 
     } 
     ] 
    }, 
    ... 

Убедившись, что дети пункты добавить в ту же сумму (1 в данном случае), я могу изменить схему, как и ожидалось. Я сделал это, используя проценты, а не значения, поэтому при создании моего JSON я использовал size: 0.8 вместо size: 8, который был там ранее.