相较于饼图,环形图的内环可以显示均值、合计、中位数等数据,能传递更多信息。
效果图:

数据说明:
数据为工单状态数据:由两个字段组成。
work_sate_name:工单状态
work_order_no:工单数
制作步骤:
一、生成两个【记录数均值】的【柱状图】
1.记录数拖至行,并复制一个,生成两个柱状图

2.将记录数转为平均值

3.标记变更为饼图,从视觉考虑,调整为【整个视图】

二、两饼图变环图
1.调整外环大小,大概比内环大50%左右

2.调整内环颜色,使重叠时能区分两圆

3.设置双轴

4.设置同步轴

三、外环按统计值分割
1.颜色用工单状态标记

2.角度用数量标记

3.对外环进行排序,数量最多或者最值得关注的位于12点方向。
出于分析目的的需要:对工单状态进行筛选,只统计未完成的工单。并希望先后关注:进行中、任务失败、任务超时、已取消。


.内环标签,用总工单数标记,调整颜色为白色
四、内环显示合计
1.标签标记工单数

五、优化
1.通过调整轴标签,将环形图居中
2.将希望显示的标签:如状态名称、百分比进行设置。
最后如下:

网友评论