javascript - 如何连续放置 3 个 d3.js 图表

Question

我想连续放置 3 个 d3 图表我尝试使用 bootstrap fro html 但它没有帮助 id 有更好的方法来做到这一点

我当前的代码

<div class="row">
  <div class="span4" id="chart_1">23</div>
  <div class="span4" id="chart_2">45</div>
  <div class="span4" id="chart_3">34</div>
</div>

fiddle :https://jsfiddle.net/r2qepmk0/3/

如果我将 bootstrap 类更改为 col-xs-4，否则将 div 放在行中，但图表不会以某种方式呈现。

js 摆弄 col-xs-4 类 https://jsfiddle.net/r2qepmk0/4/

Answer 1

我已经更新了你的https://jsfiddle.net/r2qepmk0/5/看看。

<div class="row">
    <div class="col-xs-4">
        <div class="span4" id="chart_1">23</div>
    </div>
    <div class="col-xs-4">
        <div class="span4" id="chart_2">45</div>
    </div>
    <div class="col-xs-4">
        <div class="span4" id="chart_3">34</div>
    </div>
</div>

以防万一，如果您想删除列之间的空白，您可以 try this link