d3.js - 是否有一个可行的实现来在一页上适应多个 d3 图表，如折线、条形图等？

Question

关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。

3年前关闭。




Improve this question




我正在尝试在单个 jsp 页面上放置多个图表。
我有折线图和条形图的组合。我正在为 d3.js 使用dimple API。
请指教。 Bootstrap 似乎不适用于此。

Answer 1

Bootstrap 使用起来似乎很简单:

将此添加到您的 .html 文件中。

<div class="row">
  <div class="col-md-6" id="area1"></div>
  <div class="col-md-6" id="area2"></div>
</div>

将 select() 中的 d3 对象与 div 标签中的 id 相关联。

var chart2 = d3.select("#area1").append("svg")
...

var chart2 = d3.select("#area2").append("svg")
...

有关更多详细信息，只需按照 D3-Tips-and-Tricks 中的示例进行操作即可。书。
部分:在 d3.js 中使用 Bootstrap