随笔分类 -  Echarts

Echarts案例：整一个炫酷一点的仪表盘
摘要：故事发生在几天前 公司要求做个仪表盘，大致UI是这样的 这不是为难我胖虎嘛，于是找遍整个全网也没找到相似的，只能自己手写一个。 然而，最开始是准备用极坐标写的 折腾了一上午发现极坐标做出的效果两头是360度的圆环，这使UI给的标注无法实现，于是我又开始研究仪表盘，官方给的实例倒是挺炫酷 当我感觉快找 阅读全文
posted @ 2020-03-23 14:08 阿宇的编程之旅 阅读(15188) 评论(0) 推荐(4) 编辑
Echarts案例：使用象形柱状图（PictorialBar）实现电池效果柱状图
摘要：分享一个公司项目案例 UI小姐姐给的图是这样的： 最终实现效果： 以下是所有代码 源码：https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar 首先引入Echarts，cdn或npm都行 HTML： <!DOCTYPE h 阅读全文
posted @ 2020-03-21 18:49 阿宇的编程之旅 阅读(8061) 评论(0) 推荐(0) 编辑
Echarts案例：使用极坐标加柱状图实现类似Apple Watch上的运动环形效果
摘要：分享自己公司项目类似的一个案例，用Echarts中的Polar（极坐标或称为平面直角坐标系）和Bar（柱状图）实现的 大致效果是这样的 参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果，只不过我是用Echar 阅读全文
posted @ 2020-03-21 10:10 阿宇的编程之旅 阅读(2036) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示