使用d3.js的3D饼图

时间:2018-03-13 06:58:32

标签: javascript d3.js 3d pie-chart

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

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

Fiddle Sample

现在我尝试按照this示例将其转换为3D,但我无法实现这一点,而且我不确定我做错了什么。
小提琴:

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

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:2)

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

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

var w = 600;
var h = 400;

Updated fiddle