北京科委项目实现细节

1.数据可视化

1.导入Echarts.js文件

2.给图表新建一个容器,比如div
在这里插入图片描述

3.通过echarts.init方法初始化一个echarts,并通过setoption方法配置参数,
在这里插入图片描述

再比如我们画一份标准的折线图:配置title,xAxis,yAxis,series(name,type:line,data),一般xAxis中的data和series中data我们可以通过Ajax向后台获取;

2.打印Echarts动态图片

我们浏览网页的时候,看到的是动态的可交互图表,然而打印的时候,我们用的jquery.jqprint()函数对动态图片的支持并不好。于是我在原来的基础构思了另一种方法,步骤如下:
1.在需要打印的同一位置,定义一个同样大小的不可见img(display:none)
2.在对应的echarts填充函数下,要先关闭动画(animation : false),将echarts转化成图片赋给img,,再开启动画,这样同一个容器div中就有了两个图片,动态可见,静态不可见。
3.在打印函数中
a.关闭echarts图表的可见,开启img可见
b.打印
c.开启echarts图表的可见,关闭img可见

3.Excel文件导出

1.导入阿里巴巴的easyexcel依赖。
2.在实体类需要导出的属性中标注@ExcelProperty(value=,inde=)
3.在Conllroller层中,加入我们需要导出的数据已经放在了List中,然后通过一个函数
EasyExcel.write(fileName,实体类.class).sheet(表名).doWrite(List);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值