是否有一个工作实现适合多个d3图表，如线形，条形等在一个页面上

Question

我试图在一个jsp页面上容纳多个图表。我有一个线形图和条形图的组合。我正在使用d3.js的酒窝API。请建议。

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