基本水位图

配置

• 搜索配置：单击配置面板右上角的搜索配置，可在搜索配置弹出框中输入您需要搜索的配置项名称，快速定位到该配置项，系统支持模糊匹配。详情请参见搜索组件配置。
• 图表尺寸：包括组件的宽度和高度，单位为px。可单击锁定组件的宽高比，等比例修改组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。
• 图表位置：包括组件的横坐标和纵坐标，单位为px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。
• 旋转角度：以组件的中心为中心点，进行旋转，单位为度（°）。
  • 手动输入角度值，控制组件的旋转角度。
  • 拖动图标内的黑点，控制组件的旋转角度。
  • 单击图标，控制组件左右翻转样式。
  • 单击图标，控制组件上下翻转样式。
• 透明度：取值范围为[0,1]。为0时，图表隐藏；为1时，图表全部显示。默认为1。
• 外框
  • 形状：组件外边框的形状，可选：圆形、方形、圆角方形。
  • 半径：外边框的半径，取值为占组件高度的比例，取值范围为0到1。
  • 边框颜色：外边框的颜色，可参考颜色选择器说明进行修改。
  • 边框宽度：外边框的宽度，单位为px。
  • 内部距离：外边框与流动的水位图之间的距离，单位为px。
• 文字

  文本：组件中所有文本的样式。

  • 颜色：文本的默认颜色。
  • 内部颜色：文本在流动的水位图内部时的颜色。
  • 字号：文本的字体大小，取值范围为10到100。
  • 字体粗细：文本的字体粗细。
  • 高度位置：文本的高度位置，取值为占外边框半径的比例，取值范围为0到1。
  • 百分数显示：文本要显示的小数点位数，可选：整数、一位小数、两位小数。
• 波浪：流动水位图的波浪样式。
  • 波峰个数：波浪的波峰个数，取值范围为1到10。
  • 振幅：波浪的振幅，取值范围为0到1。
  • 相位：波浪的相位，取值范围为0到360。
  • 周期：波浪的周期，取值范围为0.5到60，单位为秒。
  • 透明度：波浪的透明度，取值范围为0到1。
  • 动画：波浪的动画效果，可单击眼睛图标控制动画效果的开启或关闭。
    • 方向：波浪流动的方向，可选：从左到右、从右到左。
    • 变化效果：波浪流动时的效果，可选：匀速、加速、减速。
• 系列：单击右侧的+号或垃圾桶图标，添加或删除一个颜色系列。

  颜色：此系列下波浪的颜色。

数据

上图中的示例JSON代码如下：

[
    {
        "value": 0.6
    },
    {
        "value": 0.4
    }
]

value：各水位的百分比值，其中第一个value值对应基本水位图中的百分比值。

交互

此组件没有交互事件。