使用 d3.js 的 3D 饼图



我正在使用d3.js来创建饼图.我已经开发了2D图表,我需要对其进行一些更改,我不确定如何完成。

这是我迄今为止在2D中实现的图表

小提琴样本

现在我正在尝试按照此示例将其转换为 3D,但我无法实现这一点,我不确定我做错了什么。
为此摆弄一下:

https://jsfiddle.net/crazyCoder1989/qkHK6/2984/

PS:我正在使用d3.js版本4。

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

如果有人能帮助我实现这一目标,我真的很感激。

谢谢!

小提琴不起作用,因为它 (1( 使用 D3 v3.x 作为资源,(2( SVG 的维度太有限。

将 D3 更改为版本 4.x,并增加要呈现的图表的"h"和"w"值。

var w = 600;
var h = 400;

更新的小提琴

最新更新