是什么导致一个D3.js图表和同一页上的另一个发生冲突



我有两个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>

如果您可以使用D3v3找到或创建漏斗图的版本,这可能是最好的长期解决方案。但是,有关如何尝试运行这两个版本的更多信息,请参阅此答案。

最新更新