代码之家  ›  专栏  ›  技术社区  ›  CrazyCoder

使用d3的3D饼图。js公司

  •  1
  • CrazyCoder  · 技术社区  · 7 年前

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

    这是我到目前为止在2D中获得的图表

    Fiddle Sample

    现在,我正试图通过以下方式将其转换为3D this 举例来说,但我无法做到这一点,我不知道我做错了什么。
    为这个提琴:

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

    附言:我用的是d3。js版本4。

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

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

    谢谢

    1 回复  |  直到 7 年前
        1
  •  3
  •   Hugo J    7 年前

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

    将D3更改为版本4。x并增加“h”和“w”的值,以便图表渲染。

    var w = 600;
    var h = 400;
    

    Updated fiddle