Astro工作流 AstroFlow-折线图:样式配置

时间:2025-02-12 15:02:13

样式配置

  • 样式:设置折线图样式,目前支持基础折线图和堆积折线图两种样式。
    • 基础折线图:通常用于展示一个或多个变量随时间变化的趋势。
    • 堆积折线图:通常用于比较不同组别之间的变化趋势。
    图6 设置折线图样式
  • 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。

  • 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。
  • 边框:
    • 位置:设置边框的位置,支持配置上、下、左、右和四周。
    • 宽度:设置边框的宽度。默认值为0px,范围为0~50px。
    • 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。
    • 颜色:设置边框显示的颜色。

  • 圆角:给元素添加圆角效果,设置圆角的大小和位置。

    默认值为0px,范围为0~500px。

  • 背景:设置组件样式的背景颜色。
  • 阴影:
    • X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。
    • Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。
    • 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。
    • 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。
    • 颜色:设置阴影的颜色。

  • 曲线:开启后,折线图数据点将以曲线展示。
    注意:曲线设置可能会影响数据的准确性,因此在设置曲线时需要谨慎处理。
    图7 曲线设置
  • 填充:开启后,折线下方将以颜色填充,从而使数据区间更加明显。
    图8 设置填充
  • 展示数据点:关闭后,数据点将隐藏。
    图9 数据点展示开启
    图10 数据点展示关闭
support.huaweicloud.com/usermanual-astroflow/astroflow_05_0223.html