Echarts
阿宇的编程之旅
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP等系统的开关机
展开
-
Echarts案例:整一个炫酷一点的仪表盘
故事发生在几天前公司要求做个仪表盘,大致UI是这样的这不是为难我胖虎嘛,于是找遍整个全网也没找到相似的,只能自己手写一个。然而,最开始是准备用极坐标写的折腾了一上午发现极坐标做出的效果两头是360度的圆环,这使UI给的标注无法实现,于是我又开始研究仪表盘,官方给的实例倒是挺炫酷当我感觉快找到希望时,却无法实现两端圆角以及将刻度显示在数字外,在网上找资料发现也有同学...原创 2020-03-23 14:08:26 · 5430 阅读 · 19 评论 -
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图
分享一个公司项目案例UI小姐姐给的图是这样的:最终实现效果:以下是所有代码首先引入Echarts,cdn或npm都行HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...原创 2020-03-21 18:49:25 · 6800 阅读 · 13 评论 -
Echarts案例:使用极坐标加柱状图实现类似Apple Watch上的运动环形效果
分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标)和Bar(柱状图)实现的大致效果是这样的参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果,只不过我是用Echarts实现的...原创 2020-03-21 10:10:20 · 2399 阅读 · 6 评论