This is a simple example of a chart that uses the HTMLTable utility.
Figure 1 | Figure 2 | Figure 3 | Figure 4 | ||
---|---|---|---|---|---|
Richard | 8 | 45 | 13.58 | 10 | 76.58 |
Julie | 5 | 52 | 45.12 | 10.0 | 76.58 |
Gary | 4 | 35 | 42.2 | 10.00 | 112.12 |
David | 9 | 94 | 93.257 | 10.000 | 204.257 |
Charlie | 6 | 53 | 45.277 | 10.0000 | 304.257 |
Jacky | 1 | 46 | 53.787 | 10.0000 | 104.257 |
Nevil | 8 | 99 | 91.852 | 10.00000 | 351.257 |
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.table.js"></script> <script src="RGraph.bar.js"></script>Put this where you want the chart to show up:
<div style="padding: 15px"> <div id="cc" style="width: 700px;height:300px"></div> </div> <table id="myTable"> <tr> <th></th> <th>Figure 1</th> <th>Figure 2</th> <th>Figure 3</th> <th>Figure 4</th> <th></th> </tr> <tr> <td>Richard</td> <td>8</td> <td>45</td> <td>13.58</td> <td>10</td> <td>76.58</td> </tr> <tr> <td>Julie</td> <td>5</td> <td>52</td> <td>45.12</td> <td>10.0</td> <td>76.58</td> </tr> <tr> <td>Gary</td> <td>4</td> <td>35</td> <td>42.2</td> <td>10.00</td> <td>112.12</td> </tr> <tr> <td>David</td> <td>9</td> <td>94</td> <td>93.257</td> <td>10.000</td> <td>204.257</td> </tr> <tr> <td>Charlie</td> <td>6</td> <td>53</td> <td>45.277</td> <td>10.0000</td> <td>304.257</td> </tr> <tr> <td>Jacky</td> <td>1</td> <td>46</td> <td>53.787</td> <td>10.0000</td> <td>104.257</td> </tr> <tr> <td>Nevil</td> <td>8</td> <td>99</td> <td>91.852</td> <td>10.00000</td> <td>351.257</td> </tr> </table>This is the code that generates the chart: