首页 >web前端 >js教程 >jquery关于图形报表的运用实现代码_jquery

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

WBOY
WBOY原创
2016-05-16 18:12:441026浏览

效果图

 

 

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





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




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









以后我会和大家分享更多的好的东西,谢谢大家的支持。
文中代码打包下载
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn