监控指标的健康程度,可以将仪表盘分为多个颜色区域,通过指针指向区域直观展现指标状况。
点击图表分类“EChart控件”,点击“仪表盘”,选择模拟器中组件“配置”,为仪表盘配置数据源。
配置项有:数据、排序、过滤、函数、度量、值域、图形、选择项、标题、基本、边框、行为、联动。参考报表元素组,下面详细介绍图形、值域
图形
配置仪表盘UI展现
- 仪表盘:
缩放:表盘在组件边框范围内放大、缩小
水平偏移、垂直偏移:以组件边框左上角为圆点,表盘中心偏移的距离,默认中心在组件中心
指针长度、宽度:配置表盘指针的长度和宽度
刻度线宽度:表盘轴线(轮廓线)宽度
分段数量:表盘轴线平均分割段数,显示刻度个数=分段数+1
分割线宽度、长度:分割表盘的分割线宽度和长度(长度为相对半径的百分比)
起始角度、结束角度:起始和结束角度参考的原始角度一致,以3点方向为0度。
- 刻度
刻度数量:分割线之间的刻度数
刻度宽度:刻度线的宽度
刻度长度:刻度线的长度
字体尺寸:轴线标签字体大小
- 主值
水平、垂直位置:度量值显示相对表盘中心的位置
字体尺寸:度量值字体大小
字体颜色:度量值字体颜色,默认取值所在的区间颜色
字体风格:度量值字体风格
值域
设置取值段间的颜色,设置最大值和最小值,值域按照取值百分比划分