Liquid

2 min read

定义

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

别名: 水波球、进度球

视觉通道

位置

分析目的

比较

数据准备

1 个「数值」字段

Quick start

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

const liquidPlot = new Liquid('container', {
  percent: 0.25,
});
liquidPlot.render();
📊 See more examples.

🎨 For an overview of the liquid plot options see the API reference.

Liquid plot features

Using built-in shape

Liquid plot has 5 built-in shapes: circle | diamond | triangle | pin | rect

Custom liquid shape

In addition to the built-in shapes, the liquid plot also supports custom graphics. At this time, a callback function to build path needs to be passed in.

Blog posts