pyecharts源碼解讀（16）圖表類包charts之組合圖表： 順序多圖Page

目前

pyecharts

的版本為1.9.0。

概述

pyecharts/charts/composite_charts/

包中的四個子產品分别定義了組合圖表類，其中

pyecharts/charts/composite_charts/page.py

子產品隻定義了順序類

Page

。

Page

類繼承自圖表基類

CompositeMixin

，作用為在一個容器中順序顯示多個圖表。輸出的HTML結構如下：

Page

類的簽名為

class Page(page_title: str = "Awesome-pyecharts", js_host: str = "", interval: int = 1, layout: Union[PageLayoutOpts, dict] = PageLayoutOpts())

。

Page

類的構造方法參數如下：

• js_host

  ：JavaScript庫的URL。字元串，預設值為

  ""

  。

• page_title

  ：HTML頁面标題。字元串，預設值為

  "Awesome-pyecharts"

  。

• interval

  ：圖表間隔（

  <br>

  标簽個數）。整數，預設值為

  1

  。

• layout

  ：布局配置。

  PageLayoutOpts

  對象或字典，預設值為

  PageLayoutOpts()

  。

  Page

  類支援三種布局模式：預設布局、

  SimplePageLayout

  布局、

  DraggablePageLayout

  布局。

Page

類的類變量如下：

• SimplePageLayout

  ：簡單布局模式。值為

  PageLayoutOpts( justify_content="center", display="flex", flex_wrap="wrap")

  。

• DraggablePageLayout

  ：可拖拽模式。值為

  PageLayoutOpts()

  。

Page

類的屬性如下：

• js_host

  ：JavaScript庫的URL。字元串，預設值為全局變量

  CurrentConfig.ONLINE_HOST

  。屬性值為構造方法參數

  js_host

  與全局變量

  CurrentConfig.ONLINE_HOST

  進行或操作的結果。

• page_title

  ：HTML頁面标題。字元串，預設值為全局變量

  CurrentConfig.PAGE_TITLE

  。

• page_interval

  ：每個圖表之間的間隔。值為構造方法參數

  interval

  值。整數。即在HTML文檔中插入的

  <br/>

  标簽個數。

• layout

  ：布局配置字元串。

• download_button

  ：是否顯示下載下傳按鈕。布爾值。預設值為

  False

  。

• js_functions

  ：自定義JavaScript語句。類型為

  OrderedSet

  對象。預設值為

  OrderedSet()

  。

• js_dependencies

  ：定義JavaScript依賴庫。類型為

  OrderedSet

  對象。預設值為

  OrderedSet("echarts")

  。

• _charts

  ：容器中圖表執行個體清單。類型為清單。預設值為

  []

  。

Page

類的方法如下：

• add(*chart)

  ：将圖表類執行個體添加頁面中。方法可接收任意個圖表類執行個體。

• render

  ：調用

  render

  包

  engine

  子產品中的

  render

  函數渲染HTML文檔。預設渲染模闆為

  "simple_page.html"

  。

• render_embed

  ：調用

  render

  包

  engine

  子產品中的

  render_embed

  函數輸出HTML字元串。預設渲染模闆為

  "simple_page.html"

  。

• render_notebook

  ：調用

  render

  包

  engine

  子產品中的

  render_notebook

  函數将輸出嵌入到notebook中。預設渲染模闆為

  "nb_jupyter_notebook_page.html"

  或

  "nb_jupyter_lab_page.html"

  。

簡易頁籤Page案例

from pyecharts.charts import Line, Page

a = ["襯衫", "羊毛衫", "雪紡衫", "褲子", "高跟鞋", "襪子"]
b1 = [5, 20, 36, 10, 75, 90]
b2 = [7, 25, 31, 14, 65, 100]

line1 = Line()
line1.add_xaxis(a)
line1.add_yaxis("", b1)

line2 = Line()
line2.add_xaxis(a)
line2.add_yaxis("", b2)

page = Page()
page.add(line1,line2)
page.render()