多色仪表盘组件可用于展示设备的某个属性(作为设备仪表使用),或接口返回的数值型数据。下文介绍组件的详细配置方法。
步骤一:添加组件
步骤二:配置数据源
- 在Web应用编辑器右侧样式中,单击数据源后配置数据源。
- 在数据源配置页面,选择数据源类型,完成配置。
- 单击确定。
步骤三:配置样式
- 在右侧样式中,完成组件展示的配置。
配置项 说明 仪表盘度数 设置仪表盘类型。 - 90度。
- 180度(默认值)。
- 270度。
表盘分区数 设置多色仪表盘的分区数量。 取值范围:2~5。 区间阈值 设置多色仪表盘分区间的阈值。 - 最小值
- 第二区间:表盘分区数为3时,显示该配置。
- 第三区间:表盘分区数为4时,显示该配置。
- 第四区间:表盘分区数为5时,显示该配置。
- 末尾区间
- 最大值
区间颜色 设置多色仪表盘的各分区颜色。 需要先设置填色模式:
- 枚举:分别设置各分区和指针颜色。
- 渐变:设置起始颜色和末尾颜色,中间分区颜色以渐变方式自动匹配。
单位 设置是否展示数据单位、当前数据的值、边框,及可展示的样式。 读数 边框 背景颜色 设置组件的背景颜色。 - 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息,请参见样式配置。
步骤四:配置交互动作
- 在Web应用编辑器右侧交互中,单击新增交互,设置事件和动作。
该组件支持鼠标移入事件。例如,鼠标移入,执行动作展示隐藏,显示某个隐藏的组件,展示组件数据更多的说明信息。
具体操作,请参见交互配置。
- 单击页面右上方的预览,预览和调试组件展示的数据和效果。