charts - How do I format numeric data correctly using highchartTable jquery plugin? -
how format numeric data correctly using highcharttable jquery plugin?
my code is:
$('#articlelist').highcharttable(); i want chart have numeric data, formatted correctly. help.
my table shown below:
<table class="table table-striped datatable" id="articlelist" role="grid" aria-describedby="articlelist_info"> <thead> <tr role="row"> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> county </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> financial year </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> budget type </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="20%"> subsector </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> personnel emoluments </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> goods , services </th> <th class="nowrap sorting" tabindex="0" aria-controls="articlelist" width="10%"> development </th> </tr> </thead> <tfoot> <tr> <td colspan="10"> </td> </tr> </tfoot> <tbody> <tr class="row0" sortable-group-id="9" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2015/2016 </td> <td class="has-context"> recurrent </td> <td class="has-context"> education & research </td> <td class="has-context"> 100000000 </td> <td class="has-context"> 20000000 </td> <td class="has-context"> 0 </td> </tr> <tr class="row1" sortable-group-id="8" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2015/2016 </td> <td class="has-context"> development </td> <td class="has-context"> education & research </td> <td class="has-context"> 0 </td> <td class="has-context"> 0 </td> <td class="has-context"> 2000000 </td> </tr> <tr class="row0" sortable-group-id="7" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2014/2015 </td> <td class="has-context"> recurrent </td> <td class="has-context"> agriculture </td> <td class="has-context"> 500000 </td> <td class="has-context"> 400000 </td> <td class="has-context"> 0 </td> </tr> <tr class="row1" sortable-group-id="6" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2014/2015 </td> <td class="has-context"> development </td> <td class="has-context"> agriculture </td> <td class="has-context"> 0 </td> <td class="has-context"> 0 </td> <td class="has-context"> 1000000 </td> </tr> <tr class="row0" sortable-group-id="5" role="row"> <td class="has-context"> kwale </td> <td class="has-context"> 2012/2013 </td> <td class="has-context"> recurrent </td> <td class="has-context"> education & research </td> <td class="has-context"> 6000000 </td> <td class="has-context"> 4500000 </td> <td class="has-context"> </td> </tr> <tr class="row1" sortable-group-id="4" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2013/2014 </td> <td class="has-context"> development </td> <td class="has-context"> agriculture </td> <td class="has-context"> </td> <td class="has-context"> </td> <td class="has-context"> 15000000 </td> </tr> <tr class="row0" sortable-group-id="3" role="row"> <td class="has-context"> nairobi </td> <td class="has-context"> 2013/2014 </td> <td class="has-context"> recurrent </td> <td class="has-context"> agriculture </td> <td class="has-context"> 1500000 </td> <td class="has-context"> 2000000 </td> <td class="has-context"> </td> </tr> <tr class="row1" sortable-group-id="2" role="row"> <td class="has-context"> mombasa </td> <td class="has-context"> 2013/2014 </td> <td class="has-context"> development </td> <td class="has-context"> agriculture </td> <td class="has-context"> </td> <td class="has-context"> </td> <td class="has-context"> 5000000 </td> </tr> <tr class="row0" sortable-group-id="1" role="row"> <td class="has-context"> mombasa </td> <td class="has-context"> 2013/2014 </td> <td class="has-context"> recurrent </td> <td class="has-context"> agriculture </td> <td class="has-context"> 2500000 </td> <td class="has-context"> 3000000 </td> <td class="has-context"> 5000000 </td> </tr> </tbody> </table> highcharttable plugin extending highcharts.
Comments
Post a Comment