A data report based on a jquery pie chart scale distribution

Today we bring you a data report based on jquery pie chart scale distribution. This report plugin is for browsers: IE8, 360, FireFox, Chrome, Safari, Opera, Proud tour, Sogou, the window of the world. As follows:

Online preview Source Download

The implemented code.

HTML code:

 <Divstyle= "width:600px; margin:0 auto;">        <TableID= ' MyTable5 '>            <caption>member Area Distribution</caption>            <thead>                <TR>                    <th>                    </th>                    <th>Hebei</th>                    <th>Henan</th>                    <th>Hubei</th>                    <th>Hunan</th>                    <th>Shandong</th>                    <th>Shanxi</th>                </TR>            </thead>            <tbody>                <TR>                    <th> -</th>                    <TD>540</TD>                    <TD> -</TD>                    <TD> Max</TD>                    <TD> the</TD>                    <TD> -</TD>                    <TD> the</TD>                </TR>            </tbody>        </Table>        <TableID= ' MyTable1 '>            <caption>Membership Gender Distribution</caption>            <thead>                <TR>                    <th>                    </th>                    <th>male</th>                    <th>female</th>                </TR>            </thead>            <tbody>                <TR>                    <th> +</th>                    <TD> the</TD>                    <TD>550</TD>                </TR>            </tbody>        </Table>    </Div>

JS Code:

<script type= "Text/javascript" >Gvchartinit (); $ (document). Ready (function () {            $(' #myTable5 '). Gvchart ({chartType:' Piechart ', gvsettings: {vaxis: {title:' No of players '}, Haxis: {title:' Month '}, Width:600, Height:350                }            });    }); </script> <script type= "Text/javascript" >Gvchartinit (); $ (document). Ready (function () {            $(' #myTable1 '). Gvchart ({chartType:' Piechart ', gvsettings: {vaxis: {title:' No of players '}, Haxis: {title:' Month '}, Width:600, Height:350                }            });    }); </script>

via:http://www.w2bc.com/article/18257

A data report based on a jquery pie chart scale distribution