JavaScript Charts Demo

Converts an HTML table into a visual column chart.

Sales Figures
Month Sales (£)
Jan 265.5
Feb 155
Mar 320.6
Apr 120.6
Best / Average / Worst
Month Best Avg Worst
Jan 320.6 205 112.23
Feb 155 132 120
Mar 265.5 128 65
Apr 120.6 102 85

To use the plugin with the default configuration use:

Fenton.charts.run();

Your table needs to have a class of "column-chart".

<table class="column-chart">

To adjust the width and height of the chart, add the following attributes to your table:

<table class="column-chart" data-chart-width="400" data-chart-height="150">