简介

水波图（Liquid）又称涟漪图或波浪图，是一种通过模拟水波纹扩散效果来展示数据变化或进度的可视化图表。其核心特征包括：

• 动态波动形态：以圆形或环形为基础，通过多层半透明波纹的扩散、叠加或颜色渐变，直观呈现数据的 “强度”“进度” 或 “影响范围”。
• 隐喻化设计：借用自然水波的扩散原理，将抽象数据转化为具有物理动感的视觉符号（如波纹半径越大表示数值越高）。
• 交互性优势：常结合动画效果（如波纹缓慢扩散、颜色渐隐），增强数据的叙事性和用户吸引力。

代码演示

更多示例详见水波图

基础用法

水滴形状

带背景

自定义形状

配置项

通用属性参考：通用配置

概览

style

配置 liquid 标记的样式。

shape

liquid 标记内置支持的形状如下：

形状	描述	示例
rect	矩形
circle	圆形
pin	水滴
triangle	三角

如果需要自定义形状，可以通过自定义 shape 提供实现。 其中， 回调 (x, y, r, w, h) => string, 传入参数分别为 x y 中心点坐标， r 图表可画圆最大半径， w h 图表可画宽高，从而画出想要的形状，需要对 svg 或者 canvas 有一定理解。

事件

详见选项-事件。

方法

详见图表概览-图表方法。