问如何在一个页面上显示多个D3可视化效果？
EN

Stack Overflow用户

提问于 2021-12-01 18:11:11

回答 1查看 28关注 0票数 0

在一个页面上显示多个D3图形时遇到问题。我尝试了很多东西，但我似乎只能在页面上获得其中一个可视化效果，而不是两个都得到。

对于HTML中的第一个可视化，我有：

<section id="first" class="main special">
<header class="major">
     <h2>Presidential Elections</h2>
</header>
<body>
     <div id="lineChart"></div>
     <script src="lineChart.js"></script>
</body>
</section>

我的第二个可视化在index.html中是类似的：

<section id="second" class="main special">
<header class="major">
     <h2>House Seats Lost Based on Current President</h2>
</header>
<body>
     <div id="barChart"></div>
     <script src="barChart.js"></script>
</body>
</section>

在lineChart.js和barChart.js中，我没有将这两个可视化标记为'svg'，而是分别标记为'lineChart‘和'barChart’。当前代码只显示第一个(折线图)可视化，但是我发现当我删除<script src="lineChart.js"></script>时，第一个(折线图)可视化消失，第二个(条形图)可视化变为可见。有谁对我做错了什么有什么想法或指导吗？

d3.js

javascript

html

回答 1

Stack Overflow用户

发布于 2021-12-01 18:18:44

如果不看代码就很难说出来。但您可以选择所有svg或div并调用remove()。查找执行此操作的代码，并尝试删除remove()调用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70189268

复制

相似问题

问如何在一个页面上显示多个D3可视化效果？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在一个页面上显示多个D3可视化效果？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在一个页面上显示多个D3可视化效果？
EN