2016-09-01 7 views
0

私はd3を使用して、同じ大きめの部分と比例する内側部分を持つデータを表示するためにバイレベルドーナツチャートを試してみました。私はここに示した例を取り除いています:https://bl.ocks.org/mbostock/5944371d3バイレベル分割 - 等価部分

基本的には、6つのグループを表示したいと思いますが、それぞれは大きな円弧に比例してサイズを設定する必要があるオープンとクローズの値がありますが、大きな円弧はすべて、全体的なドーナツ。

回答がない場合、私は同様の質問を見ました:https://stackoverflow.com/questions/37195588/equal-inner-arc-angles-for-d3-bilevel-partition

私は、私が望む効果を示すためにJSONをモックアップすることができましたが、明らかにデータが変更された場合、これは歪んでいます。ここでは、すべての等しい値でどのように見えますか:image

アドバイスはありますか?前もって感謝します。

答えて

0

もう少し見ると、これは実際は簡単な修正です。子供の項目が同じ量(この場合は1)に追加予想通り、私はチャートを変更することができますことを確認することで

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

:JSONは、私は最終的にこのようなルックスを思い付きました。私はこれを値ではなくパーセンテージを使って行ったので、JSONを作成するときには、以前にあったsize: 8の代わりにsize: 0.8を使用しました。

関連する問題