jquery关于图形报表的运用实现代码_jquery

来源：动视网责编：小采时间：2020-11-27 20:56:41

jquery关于图形报表的运用实现代码_jquery

jquery关于图形报表的运用实现代码_jquery:效果图在线演示http://demo.jb51.net/js/jquery_baobiao/index.html打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar 代码如下: $(function() { $(#tabs).tabs(); }); gvCha

推荐度：

点击下载本文 文档为doc格式

导读jquery关于图形报表的运用实现代码_jquery:效果图在线演示http://demo.jb51.net/js/jquery_baobiao/index.html打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar 代码如下: $(function() { $(#tabs).tabs(); }); gvCha

效果图

在线演示http://demo.jb51.net/js/jquery_baobiao/index.html
打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar
代码如下:

$(function() {
$("#tabs").tabs();
});

gvChartInit();
jQuery(document).ready(function() {
jQuery('#myTable1').gvChart({
chartType: 'AreaChart',
gvSettings: {
vAxis: { title: '金额' },
hAxis: { title: '月份' },
width: 720,
height: 300
}
});

jQuery('#myTable2').gvChart({
chartType: 'LineChart',
gvSettings: {
vAxis: { title: '金额' },
hAxis: { title: '月份' },
width: 720,
height: 300
}
});
jQuery('#myTable3').gvChart({
chartType: 'BarChart',
gvSettings: {
vAxis: { title: '金额' },
hAxis: { title: '月份' },
width: 720,
height: 300
}
});

jQuery('#myTable4').gvChart({
chartType: 'ColumnChart',
gvSettings: {
vAxis: { title: '金额' },
hAxis: { title: '月份' },
width: 720,
height: 300
}
});
jQuery('#myTable5').gvChart({
chartType: 'PieChart',
gvSettings: {
vAxis: { title: '金额' },
hAxis: { title: '月份' },
width: 720,
height: 300
}
});
});

CSS样式
代码如下:

Html
代码如下:

区域报表

报表分析
	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

LineChart

报表分析
	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

BarChart

报表分析
	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

ColumnChart

报表分析
	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

PieChart

报表分析
	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
2010	125	185	327	359	376	398	0	0	0	0	0	0

加入样式和框架库
代码如下:

以后我会和大家分享更多的好的东西，谢谢大家的支持。
文中代码打包下载

jquery关于图形报表的运用实现代码_jquery

推荐度：

点击下载本文 文档为doc格式

标签：代码 jQuery jqu

热门焦点

jquery关于图形报表的运用实现代码_jquery

jquery关于图形报表的运用实现代码_jquery

区域报表

LineChart

BarChart

ColumnChart

PieChart

jquery关于图形报表的运用实现代码_jquery

最新推荐

猜你喜欢

热门推荐