0

D3 を使用して 2 つのネストされた円グラフを作成しています。外側のチャートには 4 つの数値配列があり、内側のチャートには外側のチャートの数値を合計した 3 つの数値配列があります。したがって、内側のチャート セクターは、外側のチャートのセクターのグループのようなものです。現在、1 つのグループのみが表示されています。2 つのオレンジ色のセクターと、それらの最大の青色のセクターです。

私の問題は、何らかの理由でチャートがさまざまな角度から構築されていることです。ご覧のとおり、内側のチャートを反時計回りに約 10 度回転させる必要があります。同じオプションで両方のチャートを作成します。唯一の違いは内側のチャートの半径です。この動作を制御するにはどうすればよいですか?

円グラフ

4

1 に答える 1

3

2 つの円グラフは 12 時の位置で並んでいます。スライスがサイズで並べ替えられていると推測しているため、大きくて明るいオレンジ色のスライスが最初に表示され、2 番目の小さいスライスが 2 番目ではなく最後に表示されます。

これは、並べ替えを無効にすることで簡単に修正できます。

pie.sort(null)

https://github.com/mbostock/d3/wiki/Pie-Layout#wiki-sort

それでもうまくいかない場合は、Lar のアドバイスに従い、jsfiddle または bl.ocks を投稿してください。この問題は、他にもさまざまな原因で発生している可能性があります。

于 2013-07-23T16:05:29.167 に答える