2

我有一组带有数字的 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

我想直接从该表中创建一个具有堆叠和同时分组的条形图的该表的漂亮可视化。

我用谷歌搜索了很多,那里有很多 jquery 可视化工具,但没有什么可以做到这一点。

更新:像这样,直接从桌子上出来会很好:http ://bl.ocks.org/gencay/4629518

4

2 回答 2

2

d3.js 提供了类似的东西:http: //bl.ocks.org/gencay/4629518

于 2013-03-16T16:00:18.603 回答
2

检查这个 magna 图表

演示在这里

可能这有帮助

于 2013-03-16T16:08:19.570 回答