使用pyecharts多个图放在一起显示不完全

Question

使用pyecharts的时候，放置了多个水球图但是显示不完全。
如下图所示

import pandas as pd
from pyecharts import options as opts
from pyecharts.charts import Grid, Liquid
from pyecharts.commons.utils import JsCode
from pyecharts.globals import SymbolType
data = pd.read_excel('C:\\Users\\K1424\\PycharmProjects\\pythonProject\\Python作业\\ksh\\癌症.xlsx', 'Sheet1')
sum5 = data.groupby(['Cancer Sites'])['Count'].sum().sort_values(ascending=True).index[:10]
print(sum5)
a = (
    Liquid()
    .add("Pleura", [1840/28988327], center=["33%", "50%"], is_outline_show=False,color =['#75bbfd'],
         label_opts=opts.LabelOpts(
             font_size=40,  # 默认50
             formatter=JsCode(
                 """function (param) {
                     return (Math.floor(param.value * 100000) / 1000) + '%'; 
                 }"""
             ),
             position="inside")
         )
    # .set_global_opts(title_opts=opts.TitleOpts(title="患癌人数最多与最少的癌症种类占比"))
    .set_global_opts(title_opts=opts.TitleOpts(title="患癌人数最少与最多的癌症种类占比",pos_left="50%"))
)
b = (
    Liquid(init_opts=opts.InitOpts(width="1700px",
                                height="750px",
                                page_title="水球图"))
    # 5206150/28988327
    .add("Digestive System", [5206150/28988327],center=["66%", "50%"], is_outline_show=False,color =['#ff967c'],
         label_opts=opts.LabelOpts(
             font_size=20,  # 默认50
             formatter=JsCode(
                 """function (param) {
                     return ('消化系统:'+Math.floor(param.value * 100000) / 1000) + '%'; 
                 }"""
             ),
             position="inside")
         )
    .set_global_opts(title_opts=opts.TitleOpts(title="患癌人数最多的癌症种类占比",pos_left="20%"))
)
c = (
    Liquid(init_opts=opts.InitOpts(width="1700px",
                                height="750px",
                                page_title="水球图"))
    # 5206150/28988327
    .add("Digestive System", [5206150/28988327],center=["99%", "50%"], is_outline_show=False,color =['#ff967c'],
         label_opts=opts.LabelOpts(
             font_size=20,  # 默认50
             formatter=JsCode(
                 """function (param) {
                     return ('消化系统:'+Math.floor(param.value * 100000) / 1000) + '%'; 
                 }"""
             ),
             position="inside")
         )
    .set_global_opts(title_opts=opts.TitleOpts(title="患癌人数最多的癌症种类占比",pos_left="20%"))
)
# 多个图显示在一起
grid = Grid().add(a, grid_opts=opts.GridOpts()).add(b, grid_opts=opts.GridOpts()).add(c, grid_opts=opts.GridOpts())
grid.render("水球图.html")
import os
os.system("水球图.html")

想咨询一下应该怎么修改！

Answer 1

在使用Grid组合多个图时，需要设置Grid的宽度和高度，以及每个图所在的格子大小，确保图能够完整显示在页面中。你可以尝试调整这些参数，使得图能够完整显示。同时，也可以将页面大小调整为更大，以便能够完整显示所有图表。