小编Sha*_*era的帖子

我有要求,其中我需要在表格中显示3个图表,每个TD中的每个图表.

请注意,表格是可调整大小的,每个TD内部的图表都具有响应性(至少是宽度方向).目前在小提琴表中通过增加输出窗口可以重新调整大小,但其中的图表不会调整大小.我希望Widget与TD高度和宽度成比例

我不想用JS实现它.可以使用CSS/Bootstrap来完成吗？

HTML:

<table class="table table-bordered">
<thead>
      <tr>
        <th></th>
        <th>Device</th>
        <th>CPU</th>
        <th>Memory</th>
        <th>Temp</th>
      </tr>
 </thead>
 <tbody>
      <tr>
        <td class="icn"></td>
        <td class="device">Note 2</td>
        <td class="fchart" id="chart-container"></td>
        <td class="fchart" id="chart-container1"></td>
        <td class="fchart" id="chart-container2"></td>
      </tr>
      <tr>
        <td class="icn"></td>
        <td class="device">Moto G</td>
        <td class="fchart" id="chart-container3"></td>
        <td class="fchart" id="chart-container4"></td>
        <td class="fchart" id="chart-container5"></td>
      </tr>
       <tr>
        <td class="icn"></td>
        <td class="device">Redmi Note 4</td>
        <td class="fchart" id="chart-container6"></td>
        <td class="fchart" id="chart-container7"></td>
        <td class="fchart" id="chart-container8"></td>
      </tr>
</tbody>

下面是我的模型:

小提琴