水波图

[配置项]

简介

水波图通常是在圆形中填充动态水波来展示数据，通常用于展示实时进度。

图表构成

水波图由水波图元（liquid），水波背景图元（liquidBackground）和水波外轮廓图元(liquidOutline)构成。

水波图的数据字段及数据映射有如下配置：

• liquidChart.type: 图表类型，水波图图的类型为'liquid'

• liquidChart.data: 图表绘制的数据源

• liquidChart.categoryField 属性声明为值字段配置, 用于表示水波的高度

• 更多组件配置见VChart liquidChart 配置

快速上手

关键配置

• valueField 属性声明为值字段配置
• maskShape 属性声明为轮廓形状
• outlineMargin 属性声明为外轮廓与 region 边界之间的 padding
• outlinePadding 属性声明为内轮廓与外轮廓之间的 padding
• indicatorSmartInvert 属性声明为是否开启指标值智能反色

水波图

数据

• 一个数值字段，如: value ，映射水波图元高度。

一组进度数据定义如下：

data: [
  {
    values: [{ value: 0.5 }]
  }
];