水波图

阅读时间约 1 分钟

定义

水波图是一种用球形容器和其中的水平线位置来表示进度的示意图。

别名: 水波球、进度球

视觉通道

位置

分析目的

比较

数据准备

1 个「数值」字段

快速上手

import { Liquid } from '@antv/g2plot';

const liquidPlot = new Liquid('container', {
  percent: 0.25,
});
liquidPlot.render();
📊 查看更多示例.

🎨 水波图详细的配置参考 API 文档.

水波图特性

配置不同形状的水波图

水波图有五种内置形状:circle | diamond | triangle | pin | rect

自定义形状的水波图

水波图除了内置的形状之外,同时也支持自定义图形,这个时候需要传入一个构建 Path 的回调函数。