Skip to content

水球图

基于 SVG 实现的动态液体填充球(通常也称为水球图)。

水球图示意图

属性配置

配置说明
小数位数显示数值时保留的小数位数
系数绑定数据需要做转换时的乘数系数,默认为 1
字体大小数值文本的字体大小
字体数值文本的字体类型
字体颜色数值文本的颜色
圆环颜色球体外围圆环的颜色
液体颜色球体内液体填充的颜色

数据配置

配置说明
取值缓存与某个 Key 的数据缓存绑定
解析数值从数据缓存绑定的对象中解析数值时使用的 Key

TIP

水球图是基于 SVG 自行实现的,展示效果较为简单。如需更丰富的动态效果,建议使用 ECharts 等成熟图形库中的水球图组件。

基于 VitePress 构建