上节课我们简单地做了仪表盘,有的小伙伴觉得小编这次做的仪表盘刻度不是等分的,还有的同学认为小编的仪表盘不够形象。

这节课小编带领你做一节更加形象的动态仪表盘

欣赏几个效果图


首先我们要做好准备工作

背景表盘的制作--外层圆环图(思考几层)

表盘刻度值的制作-内层圆环图之数据标签(包括刻度/公里数等)

可动态变化的指针--饼图(上节课我们简单的制作过)

数据逻辑思考+数据源的制作


第二个思路

一个表盘、刻度线及标签,一个模仿盘的指针,并覆盖住前一个饼图的中间部分


① 刻度值——由圆环图构成

② 刻度填充颜色——由圆环图构成

③ 外圈结构——由圆环图构成

④ 指针——由饼图构成


理解了仪表盘图表的结构后,就可以准备对应的做图数据。


今天小编就给大家讲到这里,有基础的小伙伴可以再向下操作!