Skip to main content
Version: 3.2.1

业务指标趋势

生成业务指标趋势

业务指标趋势是以标题、图标和数值的形式表现业务指标趋势关系的组件,用来显示关心的某一个指标值及其变化趋势(比如基准值、阈值);

数据准备:

可根据需要设置图表数据源类型,默认静态数据,数据展示格式为JSON格式且可修改、增加值,亦可选择数据模型处配置数据源;

  1. 点击添加数据模型;

  2. 选择数据模型;

  3. 设置图表在大屏的刷新时间;

    业务指标趋势数据源控制区

业务指标趋势图画法:

现有数据库表详情如下:

数据库表

生成业务指标趋势的流程如下:

  1. 点击“指标”,选择“业务指标趋势”组件,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. 将"value"字段拖拽至“度量”,图表配置生效且展示数据;

  4. 变色标准选择基准值,数值配置基础值改为40,联动图表展示如下:

业务指标趋势数据模型配置图

编辑业务指标趋势

业务指标趋势图样式设置:

业务指标趋势的样式修改控制区为下图所示:

业务指标趋势样式设置

  1. 编辑图层名称、设置图层是否可见,详情请见图层名称;

    整体展示:开启整体展示,标题与图标、数值呈一行展示;

    变色标准:设置业务指标趋势的基准值和阈值,同时该项配置会联动修改图标、图片、数值配置;

    业务指标趋势-WS变色标准设置

    基准值:基准值也称为可接受的基准值或标准值,是充当测量值的一个一致认可的基准。
    阈值:阈值又叫临界值,是指一个效应能够产生的最低值或最高值。

  2. 标题设置:设置标题及其样式,详情请见标题设置;

  3. 图标设置:
    基准值
    系统提供了一些图标供用户选择,同时也支持用户手动输入图标的path路径,亦可配置图标的展示颜色,同时也可以设置图标的大小和是否展示;
    设备模型传入设备key的数据大于数值配置的基数值后,配置图标展示位置在”2“,等于基础值时,配置图标展示位置在”3“,小于基础值时,配置图标展示位置在“4”,同时5可以配置数值文字颜色是否与图标一致;
    基准值设置

    阈值
    系统提供了一些图标供用户选择,同时也支持用户手动输入图标的path路径,亦可配置图标的展示颜色,同时也可以设置图标的大小和是否展示;
    当数值配置配置了上方阈值和下方阈值后,设备模型传入设备key的数据大于上方阈值时,配置图标展示位置在”2“,传入设备key的数据处在上方阈值和下方阈值中间时,配置图标展示位置在”3“,小于下方阈值时,配置图标展示位置在“4”,同时5可以配置数值文字颜色是否与图标一致;
    阈值设置

  4. 图片配置:系统提供了一些图片供用户选择,同时也支持用户本地上传,被选择的图片展示在缩略图位置,同时也可以设置图片的宽和是否展示,设置同理图标配置;

  5. 数值配置:
    基准值:如下图所圈区域设置基础值;

    基准值设置

    阈值:如下图所圈区域设置上方阈值和下方阈值;

    阈值设置

  6. 参数控制区,用来设置图表的宽度、高度及距离x,y轴的坐标位置,详情请见坐标轴边距设置;