更新时间:2024-10-22 GMT+08:00
分享

进度条

本文介绍进度条的参数含义。

字段

在数据列下的类别轴/维度和轴值/度量内,选择需要的“数值/度量”。

  • 手动输入,需要分别输入目标值和进度值。
  • 动态输入:字段列表还包含以下内容方便您更好地分析数据内容。
    1. 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
    2. 设置过滤
      1. 在数据列内的维度和度量列表内找到需要的数据字段。
      2. 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
      3. 过滤参数设置完成后,单击“确认”完成过滤参数设置。
        表1 过滤器参数

        字段类型

        参数

        参数说明

        string

        按条件过滤

        过滤方式:支持按条件过滤和按枚举过滤方式。

        条件形式:支持设置且条件和或条件。

        过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。

        按枚举过滤

        查询形式:支持单选和多选。

        过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。

        度量

        条件形式

        支持设置且条件和或条件。

        过滤条件

        支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。

        说明:

        选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集

        单击“新建筛选条件”可以设置多个过滤条件。

        date

        按区间值过滤

        设置时间区间进行过滤。

        按单值过滤

        设置单个时间进行过滤。

        按条件过滤

        支持设置且条件和或条件,支持>、≥、<、≤、=等设置。

        单击“新建筛选条件”可以设置多个过滤条件。

    3. 设置排序
      1. 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
      2. 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
      3. 如果想取消排序,单击排序内字段的即可。
    4. 查询返回数限制

      设置查询返回数限制,在输入框输入合适的返回数,默认数值为1000。

    5. 设置自动刷新

      自动刷新间隔时间支持:不刷新、1分钟、5分钟、15分钟、30分钟。

样式

  • 尺寸位置
    • W:设置图表的宽,单位为px。
    • H:设置图表的高,单位px。
    • X:设置图表在画布中的位置。单位为px。
    • Y:设置图表在画布中的位置。单位为px。
    • 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图1 尺寸位置
  • 进度条:柱子宽度、圆角半径、背景色、进度条颜色用户可自定义设置。

    进度条颜色支持设置纯色和渐变色。渐变色可设置起点、终点颜色,起点终点颜色也可互换。

  • 占比
    • 显示占比:勾选,可显示占比,不勾选不显示占比。
    • 小数位:小数位取值范围为0~10。
    • 占比文本:字体类型、数值颜色、数值字号、字体粗细用户可自定义设置。
    • 偏移:水平偏移取值范围-10000~1000。
  • 值标签
    • 显示/隐藏值标签:单击“显示值标签”左侧的勾选框,表示显示,表示隐藏。
    • 当前值名称:设置当前值名称。
    • 目标值名称:设置目标值名称。
    • 对齐方式:支持设置为左右排列和上下排列。
    • 排列方式:支持设置为顶部、右侧、内部、左侧、底部、左上角、左下角、右上角、右下角。
    • 文本:支持对值标签的字体、颜色、字号、字体粗细的设置。
      图2 值标签
  • 动画
    • 显示/隐藏动画:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
    • 入场动画:组件第一次渲染动画的时长,单位为ms。
    • 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
    • 更新动画:组件数据更新时的动画时长,单位为ms。
    • 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。
      图3 动画

相关文档