更新时间:2024-04-17 GMT+08:00
分享

环形进度条

本章节主要介绍环形进度条的各配置项的含义。

字段

环形进度条字段设置支持手动输入和动态字段配置。
  • 手动输入,需要分别输入目标值和进度值。
    图1 手动输入
  • 动态字段
    • 在数据列下的轴值/度量内,选择需要的“轴值/度量”,拖拽至进度值/目标值/度量区域。
    • 过滤:如果您的数据量较大,可以启用过滤器功能,将需要的某一类或者某几类数据从数据集中过滤出来。过滤器可以过滤字符类、数值类和日期类的数据。
      过滤设置:单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
      • 过滤字段选择维度
        • 非时间字段
          表1 过滤器参数

          参数

          参数说明

          数据集

          构造大屏组件所选的数据集。

          选中字段

          选择过滤的字段(非时间字段)。

          过滤方式

          设置的字段为维度时,支持按条件过滤和按枚举过滤方式。

          条件形式

          设置的字段为维度时,在按条件过滤方式下,支持设置且条件和或条件。

          设置的字段为维度时,在按枚举过滤方式下,支持单选和多选。

          过滤条件

          设置的字段为维度时,按条件过滤支持:精确匹配、包含、开头是、不匹配、不包含、为空、不为空等设置。

          设置的字段为维度时,按枚举过滤方式:选择对应的字段。

        • 时间字段
          表2 过滤器参数

          参数

          参数说明

          数据集

          构造大屏组件所选的数据集。

          选中字段

          选择过滤的字段(时间字段)。

          过滤方式

          设置的字段为维度时,支持单值过滤、按区间值过滤、按条件过滤。

          过滤条件

          设置的字段为维度时,按单值区间、区间值过滤,过滤条件支持绝对时间和相对时间。

          设置的字段为维度时,按条件过滤支持且条件、或条件。

      • 过滤字段选择度量
        表3 过滤器参数

        参数

        参数说明

        数据集

        构造大屏组件所选的数据集。

        选中字段

        选择过滤的字段。

        条件形式

        设置的字段为度量时,条件形式支持且条件、或条件。

        过滤条件

        需要设置的字段为度量时,过滤条件支持:>、≥、<、≤、=、≠、为空、不为空等设置。也支持对数据的聚合前和聚合后的设置。

    • 排序:对拖入字段的类别轴/维度进行排序,支持三种方式分别为不排序、升序、降序。

      排序设置:单击排序内字段的,选择改需要的顺序。

      使用度量排序:图表中默认不显示排序槽位中的度量字段,如需显示请再次拖动度量字段到度量槽位。

    • 查询返回数限制:最大的字段为5000最小字段为1。
    • 自动刷新:刷新数据的时间,可以设置1分钟、5分钟、15分钟、30分钟、不刷新。

    完成字段配置之后,单击“更新”,系统自动更新图表。

样式

本章节介绍环形进度条样式各配置项的含义。

  • 尺寸位置
    • W:设置图表的宽,单位为px。
    • H:设置图表的高,单位px。
    • X:设置图表在画布中的位置。单位为px。
    • Y:设置图表在画布中的位置。单位为px。
    • 不透明度:设置图表在画布上的途明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图2 尺寸位置
  • 进度条
    • 内半径:设置内半径,输入不能为空,且输入值在0到100之间。
    • 外半径:设置外半径,输入不能为空,且输入值在0到100之间。
    • 背景色:设置进度条的背景色。
    • 进度条颜色:设置进度条的颜色。
      图3 进度条
  • 占比
    • 显示/隐藏占比:单击“占比”左侧的勾选框,表示显示,表示隐藏。
    • 小数位:设置小数位,输入不能为空,且输入值在0到10之间
    • 占比文本:支持字体、数值颜色、数值字号、字体粗细的设置。
    • 偏移:支持水平偏移和垂直偏移的设置。
      图4 占比
  • 值标签
    • 显示/隐藏值标签:单击“显示值标签”左侧的勾选框,表示显示,表示隐藏。
    • 当前值名称:设置当前值名称。
    • 目标值名称:设置目标值名称。
    • 对齐方式:支持设置为左右排列和上下排列。
    • 排列方式:支持设置为顶部、右侧、内部、左侧、底部、左上角、左下角、右上角、右下角。
    • 文本:支持对值标签的字体、颜色、字号、字体粗细的设置。
      图5 值标签
  • 动画
    • 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
    • 入场动画:组件第一次渲染动画的时长,单位为ms。
    • 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
    • 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。
    • 更新动画:组件数据更新时的动画时长,单位为ms。
    • 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。
      图6 动画

效果图

图7 环形进度条
分享:

    相关文档

    相关产品