6.png

可视化目的:监控进度,查找异常,数值或百分比

0x01条形进度图

  • 下载进度,剩余电量,完成率
  • 指标区间划分
  • 颜色选取
    • 颜色本身含义

image.png
image.png
image.png
image.png

0x02仪表盘

  • 表盘刻度
    • 刻度范围就是数值取值区间
  • 指针
    • 具体维度或指标
    • 数量不超过3
  • 指针所在角度
    • 具体数值

image.png

0x03环形进度图

  • 仪表盘+条形进度图
  • 没有指针,内部可以展示和指标关联结果
  • 点亮进度
  • 芝麻信用评分

image.png
image.png

图片来自网络,侵删。_