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

このワンマグナチャートをチェック

ここでデモ

これは役立つかもしれません

于 2013-03-16T16:08:19.570 に答える