gvChart是Google提供的一个用来生成统计报表的jquery插件,可以生成折线图,饼形图,柱状图等各种统计图,使用简单,经测试效果还不错。
gvchart创建统计图标分为四步:
1、创建一个HTML数据表格
详细范例数据请下载范例查看。
2、添加相应的JS库的引用:
[code]
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.gvChart-0.1.min.js"></script>
[/code]
3、初始化:
[code]
<script type="text/javascript">
gvChartInit();
</script>
[/code]
4、将表格数据与图标连接起来:
[code]
jQuery('#myTable').gvChart({
chartType: 'ColumnChart',
gvSettings: {
vAxis: {title: 'No of players'},
hAxis: {title: 'Month'},
width: 720,
height: 300,
}
});
[/code]

本文系作者在时代Java发表,未经许可,不得转载。
如有侵权,请联系nowjava@qq.com删除。