我有一组 html 表格,其中的数字样式如下:
<table border="1">
<tr>
<th>Day</th>
<th>Time</th>
<th>A</th>
<th>B</th>
</tr>
<tr>
<td>Monday</td>
<td>0:00 - 8:00</td>
<td>100</td>
<td>120</td>
</tr>
<tr>
<td></td>
<td>8:00 - 18:00</td>
<td>90</td>
<td>100</td>
</tr>
<tr>
<td></td>
<td>18:00 - 0:00</td>
<td>80</td>
<td>60</td>
</tr>
<tr>
<td>Tuesday</td>
<td>0:00 - 8:00</td>
<td>100</td>
<td>120</td>
</tr>
<tr>
<td></td>
<td>8:00 - 18:00</td>
<td>90</td>
<td>100</td>
</tr>
<tr>
<td></td>
<td>18:00 - 0:00</td>
<td>80</td>
<td>60</td>
</tr>
</table>
查看:http://jsbin.com/evakac/7/edit
我想使用直接从该表中堆叠并同时分组的条形图来创建该表的美观可视化。
我在 google 上搜索了很多,有很多 jquery 可视化工具,但没有一个可以做到这一点。
更新:像这样的东西,直接从表中出来会很好:http://bl.ocks.org/gencay/4629518
最佳答案
d3.js 提供类似的东西:http://bl.ocks.org/gencay/4629518
关于jquery - HTML 表格中堆叠和分组的条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15451109/