摘要:达到截图的效果,一般用于生成指定报表 首先引入html2canvas,因为报表图中也需要数据可视化图,因此用到了echarts。要做的效果是:看不到dom生成图片。 但是要生成图片,不能将dom使用display:none;,这样就读取不到宽高了,所以想了其他方式。 第一种:使用absolute将d 阅读全文
posted @ 2020-09-17 17:41 herry菌 阅读(171) 评论(0) 推荐(0) 编辑
摘要:效果图: 完整代码: import React from 'react'; import { DatePicker,ConfigProvider } from 'antd'; import zh_CN from 'antd/es/locale/zh_CN'; import moment from ' 阅读全文
posted @ 2020-09-17 17:08 herry菌 阅读(280) 评论(0) 推荐(0) 编辑
摘要:效果图: 如果还有数据,显示正在加载中,没有下一页数据了显示无更多数据 做法: 在state中设置表头信息structure、数据列表list、是否加载下一页isLoad state={ structure: [ { name: '排名', width: '15%', key: 'order', t 阅读全文
posted @ 2020-09-17 16:27 herry菌 阅读(120) 评论(0) 推荐(0) 编辑
摘要:效果图: 一般用于实现这种的饼图 看下实现代码: 第一个pie用于做扇形统计,第二个pie用于做圆形虚线第三个pie为最里面的圆。 const option={ series:[ { name: '访问来源', type: 'pie', hoverAnimation: false, color: [ 阅读全文
posted @ 2020-09-17 11:41 herry菌 阅读(261) 评论(0) 推荐(0) 编辑
摘要:效果图: 渐变使用line的areaStyle属性,linear为线性渐变 let option={ series:[ { type:'line', areaStyle:{ color:{ //线性渐变 type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorS 阅读全文
posted @ 2020-09-17 09:58 herry菌 阅读(185) 评论(0) 推荐(0) 编辑