如何使用highchartTable jquery插件正确格式化数字数据?

时间:2016-11-08 11:57:42

标签: jquery charts highcharts

如何使用highchartTable jquery插件正确格式化数字数据?

我的代码是:

$('#articleList').highchartTable();

我希望此图表具有正确格式化的数字数据。有人帮忙。

我的表格如下所示:

<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 and 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 &amp; 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 &amp; 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 &amp; 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是一个扩展highcharts的插件。

0 个答案:

没有答案