pyecharts源码解读（15）图表类包charts之组合图表： 选项卡Tab

当前pyecharts的版本为1.9.0。

概述

pyecharts/charts/composite_charts/包中的四个模块分别定义了组合图表类，其中pyecharts/charts/composite_charts/tab.py模块只定义了选项卡类Tab。

Tab类继承自图表基类CompositeMixin，作用为利用选项卡（tab）控制多个图表的展示。输出的HTML结构如下：
创建一个选项div，每个图表对应一个按钮， 用于切换显示图表。
创建一个图表div，每个图表构造一个单独的div，作为图表容器，每个图表创建一个ECharts实例绘图。

Tab类的签名为class Tab(page_title: str = "Awesome-pyecharts", js_host: str = "")。

Tab类的属性如下：

• js_host：JavaScript库的URL。字符串，默认值为全局变量CurrentConfig.ONLINE_HOST。属性值为构造方法参数js_host与全局变量CurrentConfig.ONLINE_HOST进行或操作的结果。
• page_title：页面标题。字符串，默认值为全局变量CurrentConfig.PAGE_TITLE。
• download_button：是否显示下载按钮。布尔值。默认值为False。
• js_functions：自定义JavaScript语句。类型为OrderedSet对象。默认值为OrderedSet()。
• js_dependencies：定义JavaScript依赖库。类型为OrderedSet对象。默认值为OrderedSet("echarts")。
• _charts：容器中图表实例列表。类型为列表。默认值为[]。

Tab类的方法如下：

• add(chart,tab_name)：将图表类实例添加到选项卡中。chart参数为图表类实例，参数值将被添加到_charts属性中；tab_name参数为选项卡名称，将会为图表类实例添加tab_name属性。
• render：调用render包engine模块中的render函数渲染HTML文档。默认渲染模板为"simple_tab.html"。
• render_embed：调用render包engine模块中的render_embed函数输出HTML字符串。默认渲染模板为"simple_tab.html"。
• render_notebook：调用render包engine模块中的render_notebook函数将输出嵌入到notebook中。默认渲染模板为 "nb_jupyter_notebook_tab.html"或"nb_jupyter_lab_tab.html"。

简易选项卡tab案例

from pyecharts.charts import Line, Tab

a = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
b1 = [5, 20, 36