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

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

样式

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

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