pyecharts layout

Pyecharts 提供了多种布局方式来控制图表的显示效果。主要有以下几种布局方式：

1. Grid：网格布局，将多个图表组合在一个网格中展示。
2. Page：分页布局，将多个图表按照页码分别展示。
3. Tabs：选项卡布局，将多个图表作为选项卡展示，切换选项卡可查看不同的图表。
4. Liquid：流式布局，根据浏览器窗口大小自适应调整图表大小和位置。
5. Overlap：重叠布局，将多个图表叠加在一起展示。

使用方式：

# 导入相关库
from pyecharts.charts import Bar, Line, Grid, Page, Tabs, Liquid, Overlap

# 创建图表对象
bar = Bar()
line = Line()

# 添加数据和配置项
bar.add_xaxis(["Apple", "Huawei", "Xiaomi", "Oppo", "Vivo"])
bar.add_yaxis("手机品牌", [60, 80, 100, 70, 90])
line.add_xaxis(["2015", "2016", "2017", "2018", "2019"])
line.add_yaxis("销售量", [100, 150, 200, 250, 300])

# 创建组合图表
grid_chart = Grid()
grid_chart.add(bar, grid_opts=opts.GridOpts(pos_left="5%", pos_right="5%", height="50%"))
grid_chart.add(line, grid_opts=opts.GridOpts(pos_left="5%", pos_right="5%", pos_top="60%", height="30%"))

# 创建分页图表
page_chart = Page()
page_chart.add(bar)
page_chart.add(line)

# 创建选项卡图表
tabs_chart = Tabs()
tabs_chart.add(bar, "手机品牌")
tabs_chart.add(line, "销售量")

# 创建流式图表
liquid_chart = Liquid()
liquid_chart.add("Liquid", [0.6, 0.7])

# 创建重叠图表
overlap_chart = Overlap()
overlap_chart.add(bar)
overlap_chart.add(line)

# 渲染图表
grid_chart.render("grid.html")
page_chart.render("page.html")
tabs_chart.render("tabs.html")
liquid_chart.render("liquid.html")
overlap_chart.render("overlap.html")