Javascript 如何从Google图表工具切换到D3.JS？

我使用

googlecharts

来可视化匹配数据，但我想从现在开始使用

D3.JS

，因为它有庞大的社区和丰富的图形工具。我已经为编写了一个代码，它从数据库中提取数据，用格式解析数据，并通过基本的条形图进行可视化。我想将我的基本条形图更改为a

• 这是我的名片

我环顾四周想找到一个解决办法，但我找不到我真正需要的

如何将其切换到

D3.JS

？

用于D3.JS的NVD3可重用图表 这个项目试图构建可重用的图表和图表 用于d3.js的组件，而不占用d3.js提供的电源 你。这是一个非常年轻的组件集合，目标是 使这些组件非常可定制，远离您的 标准饼干切割器解决方案

试试这个，它可能就是你想要的：

---

让我们知道它是否起作用。

vida.io是可重用d3js模板的另一个选项。您可以实时编辑javascript和样式表。此外，vida.io为基本属性提供GUI编辑器，数据上传可供您上传csv文件

查看演示部分了解更多示例：

---

免责声明：我的团队运行vida.io。

D3非常好，但它在开始时需要相当多的手工编码。我怀疑有没有像你所希望的那样的自动工具，尽管这不是不可能的。从一个类似于你想要的d3示例开始，在你的数据中加入sub，然后再进行游戏。