我有两个D3.js图表，我想显示在单个html页面上。一个是漏斗图（来自此处：https : //github.com/smilli/d3-funnel-charts）；另一个是美国的数据图，上面放有气泡。
在添加数据映射代码之前，漏斗图可以正常工作；那么仅漏斗图不会完全渲染其所有图层。重新加载页面后，问题以某种方式变得更糟。
我是D3的新手，所以如果有人能解释我如何防止第二张图表与第一个图表发生冲突（？），我将不胜感激。
这是示例代码：http : //jsbin.com/dozer/1/edit
根本问题是，您试图在同一页面上使用两个不同版本的D3，而没有做任何命名空间。如果您查看脚本，则会看到以下两行：
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
...
<script src="http://d3js.org/d3.v3.min.js"></script>
如果您可以使用D3 v3查找或创建漏斗图的版本，那可能是最好的长期解决方案。但是，有关如何尝试使两个版本同时运行的更多信息，请参见此答案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句