jQuery统计图表插件gvChart 0.1版(可生成折线图/饼形图/柱状图等)免费下载
【资源属性】:资源名称:jQuery统计图表插件gvChart 0.1版(可生成折线图/饼形图/柱状图等)
资源大小:31KB
资源类别: js框架 》 jQuery
更新时间:2023-03-23
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
下载地址:下载地址
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]
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]