![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts柱状图
文章平均质量分 53
山野里的小菊花
万马奔腾,我就是万马之一中那匹脱缰的野马
展开
-
echarts如何做出多条进度条的效果
原理:弹性盒子布局,两端对齐方式将数据分割在两端,重点用echarts柱状图,绝对定位,翻页一次,echarts柱状图重新加载一次先来一个效果图如何做出如图所示的效果呢,虽然核心是echarts柱状图,但是还需要配合css样式,才能完成,做的是自适应的,宽高都是100%,只适用于IE9+需要源码或vue重构,请转文章https://blog.csdn.net/liuxin00020...原创 2018-08-20 17:41:23 · 22948 阅读 · 7 评论 -
重构echarts多条进度条实现(vue+gulp)
之前写了一个echarts实现多条进度条,并定时翻页的组件,现在用vue+gulp重构了一下,稍后会贴出源码地址,很抱歉,之前没有贴出css,让某些伙伴不知所措。点击我查看效果 如果需要源码:https://github.com/liuxin00020/test 或者在本人的资源里面下载效果图如下:1、实现的方式一样的json数据列表首先构成左右两边的数据显示,中间用echa...原创 2019-05-27 18:55:01 · 2990 阅读 · 0 评论