使用d3.js的3D餅圖

Question

我正在使用d3.js創建餅圖，我已經開發了2D圖表，我需要對其進行一些更改，但我不確定該如何完成。

這是我迄今為止在2D模式下獲得的圖表

現在我試圖按照相同的到3D轉換這個例子，但我不能夠達致這，我不知道我做錯了。
小提琴為此：

PS：我正在使用d3.js version4。

<script src="https://d3js.org/d3.v4.min.js"></script>

如果有人可以幫助我實現這一目標，我將非常感激。

謝謝！

Answer 1

提琴不起作用，因為它（1）使用D3 v3.x作為資源，並且（2）SVG的尺寸太有限。

將D3更改為版本4.x，並增加“ h”和“ w”的值以使圖表呈現。

var w = 600;
var h = 400;