graphTable - テーブル・データをグラフで表示するjQueryプラグイン

    <table border="1" cellpadding="2" id="table1" width="500">
      <thead>
        <caption>Table 1: Graph by columns</caption>
        <tr>
          <th></th>
          <th>col1</th>
          <th>col2</th>


          <th>col3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>1</th>
          <td>10</td>

          <td>20</td>
          <td>30</td>
        </tr>
        <tr>
          <th>2</th>
          <td>20</td>
          <td>40</td>

          <td>60</td>
        </tr>
        <tr>
          <th>3</th>
          <td>40</td>
          <td>80</td>
          <td>120</td>

        </tr>
      </tbody>
    </table>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.flot.js"></script>
<script type="text/javascript" src="jquery.graphTable-0.2.js"></script>


<script type="text/JavaScript">
    $('#table1').graphTable({series: 'columns'});
</script>