gvChart是Google提供的一个用来天生统计报表的jquery插件,能够天生折线图,饼形图,柱状图等各类统计图,应用简略,经测试成果还没有错。
gvchart创立统计图标分为四步:
一、创立一个HTML数据表格
具体典范榜样数据请下载典范榜样查看。
二、增加相应的JS库的援用:
[code]
<script type="text/javascript" src="//www.谷歌.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]
三、初始化:
[code]
<script type="text/javascript">
gvChartInit();
</script>
[/code]
四、将表格数据与图标衔接起来:
[code]
jQuery('#myTable').gvChart({
chartType: 'ColumnChart',
gvSettings: {
vAxis: {title: 'No of players'},
hAxis: {title: 'Month'},
width: 720,
height: 300,
}
});
[/code]
gvchart创立统计图标分为四步:
一、创立一个HTML数据表格
具体典范榜样数据请下载典范榜样查看。
二、增加相应的JS库的援用:
[code]
<script type="text/javascript" src="//www.谷歌.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]
三、初始化:
[code]
<script type="text/javascript">
gvChartInit();
</script>
[/code]
四、将表格数据与图标衔接起来:
[code]
jQuery('#myTable').gvChart({
chartType: 'ColumnChart',
gvSettings: {
vAxis: {title: 'No of players'},
hAxis: {title: 'Month'},
width: 720,
height: 300,
}
});
[/code]
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。