智能数据洞察 DATAARTS INSIGHT-进度条:样式

时间:2024-05-16 10:14:39

样式

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

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

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