随笔分类 -  Echarts

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

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