是否有一个工作实现可以在一个页面上容纳多个d3图表，如line，bar等？

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一书中的示例进行操作。 部分：使用Bootstrap和d3.js