【问题标题】：How to switch from Google Chart Tools to D3.JS?如何从谷歌图表工具切换到 D3.JS？
【发布时间】：2013-02-27 16:44:51
【问题描述】：

我使用Google Charts 来可视化匹配数据，但我想从现在开始使用D3.JS，因为它拥有庞大的社区和丰富的图形工具。我为Google Chart 编写了一个代码，它从数据库中提取数据，以JSON 格式解析它，并通过基本条形图进行可视化。我想将我的基本条形图更改为stacked bar chart。

这是我的script。
My Google chart

我四处寻找解决方案，但找不到我真正需要的解决方案。

如何切换到D3.JS？

【问题讨论】：

D3 很棒，但是当您开始时，它涉及到相当多的手工编码。我怀疑是否存在您想要的任何自动工具，尽管这并非不可能。从一个与您想要的相似的 d3 示例开始，插入您的数据，然后进行操作。

标签： javascript d3.js visualization google-visualization

【解决方案1】：

d3.js 的 NVD3 可重复使用图表

这个项目是尝试构建可重复使用的图表和图表 d3.js 的组件，而不带走 d3.js 提供的功能你。这是一个非常年轻的组件集合，其目标是保持这些组件非常可定制，远离您的标准的千篇一律的解决方案。

试试这个，它可能就是你要找的东西：http://nvd3.org/ghpages/multiBarHorizontal.html

让我们知道它是否有效。

【讨论】：

【解决方案2】：

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

查看演示部分以获取更多示例：

https://vida.io/explore

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

【讨论】：