- 博客(17)
- 收藏
- 关注
原创 关于uni-app在TAB切换中图表使用resize重置的问题
之前在组件当中发现 v-if 会导致当前数据重刷,导致体验感不强,所以使用了 v-show,由于需要适配,所以宽高比皆为 100% (有min-height ,min-width ) ,这就导致当渲染折线图时饼图也一起被渲染了,由于display :none 这就导致饼图初期取不到宽高,只能默认展示100* 100。最后,参考了updateEcharts的使用方法,成功解决tab切换并调用resize方法。如图所示,当前有两个tab分别有两个图表,当前还是处于切换缓存的,未更新数据,DOM存在。
2022-09-28 20:29:11
805
原创 uni-app 使用Echarts展示折线图(axisLabel展示不全)以及uCharts展示圆环图 (附代码)(仅支持H5 和APP)
项目过程中发现Echarts 使用时 日期展示有很大问题如图所示 左右提示文字以及下方日期均展示不全(使用的逍遥模拟器)。原因是因为xAxis、yAxis 对象中的axisLabel对象使用了 formatter: ()=> {} 方法导致出现上述图片问题,根据查找资料以及实际观察ECharts 实例对象,确实发现,当ECharts更新后,对象中所有的formatter: ()=> {} 方法均被移除。(后面会讲到解决办法,亲测有效)...
2022-09-01 16:40:57
4775
原创 Javascript: 通过图片url获取图片blob对象,并在下载时重命名问题
最近在做项目过程中碰到一个需求,前端在上传文件或图片时传入的文件被后台强制改名,以至于下载(给的url)的时候无法获取到当前文件名称。故此,就有了下面的故事。 网上检索了一大堆下载时的方法,绝大部分都不能使用(坑人),现做一个整理,保证药到病除。废话不多说,咱们直接开始本方法不适用于IE,不适用于IE,不适用于IE,测试兼容过程中发现用axios的GET请求会导致当前文件损坏,现在不知原因为何。本文部分参考某大神代码片段(找不到网址了,就不贴了)......
2022-06-25 18:03:24
4267
1
原创 Vue项目 echarts 柱状图(含修改样式说明 简单版)
这几天在接了一个数据大屏,由于背景图和echarts存在一定的式样重叠,故此将此次echarts柱状图修改在此记录分享,废话不多说,直接上图先看效果。修改:背景转换为虚线、柱状图颜色、柱状图头部文字及背景、柱状图底部文字式样、头部过滤条件。 下面上代码(组件内引入的方式,没抽全局共同)<div class="table"> <!-- echarts 盒子 --> <div id="progress"></div></div...
2022-04-13 17:34:43
6426
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人