2022年2月21日
【bug修复】—— ant design走马灯及其他react轮播图插件最后一页echarts图渲染不出来：使用react-swipeable-views
摘要： 最近做了一个基于react的可视化的大屏项目， 有一个需求是大屏的下半部分做一个轮播图，一共三页，每一页都由几个echarts图构成， 但是，测试使用ant design组件库里的Carousel走马灯组件和其他一些第三方react轮播图插件库都会出现一个bug： 设置自动轮播autoplay后，最 阅读全文
posted @ 2022-02-21 14:51 柳洁琼Elena 阅读(1455) 评论(0) 推荐(0) 编辑
【金融大屏项目】—— Echarts水滴图（echarts-liquidfill）
摘要： api文档：https://github.com/ecomfe/echarts-liquidfill#api LiquidfillChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts 阅读全文
posted @ 2022-02-21 14:20 柳洁琼Elena 阅读(1129) 评论(0) 推荐(1) 编辑
【金融大屏项目】—— Echarts 极坐标和柱状图实现圆角环形图（polar）
摘要： ProgressCircleChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts/lib/echarts'; import 'echarts/lib/chart/pie'; impo 阅读全文
posted @ 2022-02-21 14:02 柳洁琼Elena 阅读(915) 评论(0) 推荐(0) 编辑
【金融大屏项目】—— Echarts电池效果柱状图（PictorialBar）
摘要： barChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts/lib/echarts'; import 'echarts/lib/chart/bar'; import 'echarts 阅读全文
posted @ 2022-02-21 13:48 柳洁琼Elena 阅读(1100) 评论(0) 推荐(0) 编辑
【金融大屏项目】—— SVG实现弧形文本
摘要： 前言：react大屏项目中有如下弧形文字需求，试用网上的arctext.js动画库无法实现环形文字，最终只有通过SVG调试出合适的文本path路径可以解决这一问题。 <svg xmlns="http://www.w3.org/2000/svg"> <defs> <path id="myTextPat 阅读全文
posted @ 2022-02-21 11:44 柳洁琼Elena 阅读(134) 评论(0) 推荐(1) 编辑
【超好用请求封装】—— umi-request配置通用请求处理
摘要： 前言：目前没有发现有vue项目中使用umi-request的例子，用这个请求库的多为react项目，umi本身和dva也都是react周边的工具。 utils/request.js：配置通用请求中的异常处理和默认参数 /** * request 网络请求工具 * 更详细的 api 文档: http 阅读全文
posted @ 2022-02-21 11:00 柳洁琼Elena 阅读(5202) 评论(0) 推荐(0) 编辑
【重点突破】—— umi-request 基于fetch的网络请求库（转）
摘要： 前言：umi-request是react项目初始化时，封装请求通用配置，很好用的基于fetch的请求库， 结合和优化了fetch与axios的优点。 背景 在做中台业务应用开发的过程中，我们发现在请求链路上存在以下问题： 请求库各式各样，没有统一。 每次新起应用都需要重复实现一套请求层逻辑，切换应用 阅读全文
posted @ 2022-02-21 10:36 柳洁琼Elena 阅读(1073) 评论(0) 推荐(0) 编辑