Python 使用 PyEcharts 绘制精美动态水球图

3. 多波浪效果

支持同时展示多个水位线，模拟不同层级的数据状态。

c3 = (
    Liquid()
    .add(
        "lq",
        [0.75, 0.5, 0.2],
        center=["30%", "50%"],
        is_outline_show=True,
        shape="roundRect"
    )
    .set_global_opts(title_opts=opts.TitleOpts(title="多波浪水球图", pos_top="30", pos_left="10%"))
    .render("multi_wave_liquid.html")
)

高级定制

1. 自定义标注与颜色

使用 JsCode 实现复杂的标签格式化，并自定义填充颜色。

c4 = (
    Liquid()
    .add(
        "lq",
        [0.6],
        center=["30%", "50%"],
        is_outline_show=True,
        shape="diamond",
        color=["#008B8B"],
        label_opts=opts.LabelOpts(
            font_size=30,
            formatter=JsCode(
                """function (param) {
                        return ('完成度：'+Math.floor(param.value * 10000) / 100) + '%';
                    }"""
            ),
            position="inside"
        )
    )
    .set_global_opts(title_opts=opts.TitleOpts(title="自定义标注水球图", pos_top="30", pos_left="10%"))
    .render("custom_label_liquid.html")
)

技巧：

• color 参数支持列表，可为每个波浪设置不同颜色。
• formatter 中使用 JavaScript 代码，可调用 param.value 获取当前数值。

2. 多图并列显示

利用 Grid 组件将多个水球图组合在同一视图中，适用于仪表盘布局。

l1 = (
    Liquid()
    .add(
        "lq",
        [0.2],
        shape="circle",
        center=["20%", "50%"],
        label_opts=opts.LabelOpts(
            font_size=20,
            formatter=JsCode(
                """function (param) {
                        return ('完成度：'+Math.floor(param.value * 10000) / 100) + '%';
                    }"""
            ),
            position="inside"
        )
    )
)

l2 = (
    Liquid()
    .add(
        "lq",
        [0.5, 0.3],
        shape="diamond",
        center=["50%", "50%"],
        label_opts=opts.LabelOpts(
            font_size=20,
            formatter=JsCode(
                """function (param) {
                        return ('完成度：'+Math.floor(param.value * 10000) / 100) + '%';
                    }"""
            ),
            position="inside"
        )
    )
)

l3 = Liquid().add(
    "lq",
    [0.85, 0.5, 0.2],
    shape="roundRect",
    center=["80%", "50%"],
    label_opts=opts.LabelOpts(
        font_size=20,
        formatter=JsCode(
            """function (param) {
                    return ('完成度：'+Math.floor(param.value * 10000) / 100) + '%';
                }"""
        ),
        position="inside"
    )
)

grid = Grid().add(l1, grid_opts=opts.GridOpts()).add(l2, grid_opts=opts.GridOpts()).add(l3, grid_opts=opts.GridOpts())
grid.render("grid_liquid.html")

常见问题与优化

1. 动态数据更新

虽然 PyEcharts 主要用于静态渲染，但结合前端 JS 可实现动态刷新。建议在生成 HTML 后，通过轮询接口更新数据并重新渲染图表。

2. 性能优化

当页面包含大量水球图时，建议减少波浪数量（如不超过 3 层），并限制 shape 复杂度，以避免浏览器卡顿。

3. 响应式适配

使用 center 百分比定位可确保在不同屏幕尺寸下保持相对位置。若需绝对定位，请配合 CSS Media Query 调整。

总结

PyEcharts 的 Liquid 组件为 Python 开发者提供了强大的数据可视化能力。通过灵活配置形状、颜色、标注及布局，可以轻松制作出专业的动态水球图。在实际应用中，注意控制复杂度以保证渲染性能，并结合业务需求选择合适的展示形式。