软件测试|Python数据可视化神器——pyecharts教程（十三）

news2024/12/23 5:52:47

使用pyecharts绘制水球图

水球图是一种有趣而视觉吸引力的数据可视化方式，它可以用来展示进度或百分比等信息。这方面水球图和仪表图是类似的，但是水球图比仪表图更为炫酷一些。像一些资源占用率等指标都是使用水球图来展示的，作为绘图神器，我们当然也是可以使用pyecharts来绘制炫酷的水球图的。

水球图类基础配置

导包

在Pyecharts中，每一种图都有不同的类，水球图也不例外，水球图的类为Liquid，现在我们来进行导包，这是绘制仪表图的第一步：

from pyecharts import options as opts
from pyecharts.charts import Liquid

绘制水球图

下面是一个使用Pyecharts创建水球图的示例代码：

from pyecharts import options as opts
from pyecharts.charts import Liquid
from pyecharts.globals import SymbolType

c = (
    Liquid()
        .add("内存", [0.6, 0.4], is_outline_show=False, shape=SymbolType.RECT)
        .set_global_opts(title_opts=opts.TitleOpts(title="内存占用率"))
        .render("水球图示例.html")
)

在上面的示例中，我们首先创建了一个Liquid对象，然后使用add方法设置水球图的标题和数据。接下来，使用set_global_opts方法配置水球图的样式和参数，如是否显示外边框、水球形状、波浪动画的持续时间和颜色等。

最后，使用render方法将水球图保存为HTML文件，我们运行脚本，生成的HTML文件在浏览器中打开如下所示：

同时绘制多个水球图，如果我们要同时展示多个指标，同样也是支持的，示例代码如下：

from pyecharts import options as opts
from pyecharts.charts import Grid, Liquid
from pyecharts.commons.utils import JsCode

l1 = (
    Liquid()
        .add("lq", [0.6, 0.7], center=["60%", "50%"])
        .set_global_opts(title_opts=opts.TitleOpts(title="标题"))
)

l2 = Liquid().add(
    "lq",
    [0.3],
    center=["25%", "50%"],
    label_opts=opts.LabelOpts(
        font_size=50,
        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())
grid.render("双水球图显示.html")

运行脚本，生成的HTML文件，浏览器打开如下：

设置水球图精度，有的数据我们需要更精准的展示，比如手机在充电时的电量展示，就是一个保留了小数点后两位的精度的水滴，我们也可以对水球图的数据精度进行设置，示例代码如下：

from pyecharts import options as opts
from pyecharts.charts import Liquid
from pyecharts.commons.utils import JsCode

c = (
    Liquid()
        .add(
        "lq",
        [0.4816],
        label_opts=opts.LabelOpts(
            font_size=50,
            formatter=JsCode(
                """function (param) {
                    return (Math.floor(param.value * 10000) / 100) + '%';
                }"""
            ),
            position="inside",
        ),
    )
        .set_global_opts(title_opts=opts.TitleOpts(title="正在超级快充"))
        .render("水球图数据精度.html")
)

运行脚本，生成HTML文件，在浏览器中打开如下图：