Plotly 表

Ammar Ali 2024年2月15日
Plotly 表

本教程將討論使用 Plotly 圖形物件的 Table() 函式建立表格。

使用 Plotly 建立表

我們可以使用 Plotly 圖形物件的 Table() 函式來建立一個表格。要建立一個基本表格,我們必須使用 Table() 函式的標題和單元格引數來建立表格的標題和單元格。

讓我們使用 Plotly 建立一個簡單的表。請參閱下面的程式碼。

import plotly.graph_objects as go

data = [
    go.Table(
        header=dict(values=["X Score", "Y Score"]),
        cells=dict(values=[[10, 9, 8, 9], [5, 5, 7, 9]]),
    )
]

fig = go.Figure(data)
fig.show()

輸出:

使用 plotly 的簡單表格

Figure() 函式用於繪製表格。讓我們更改標題的一些屬性。我們可以使用 align 屬性設定文字對齊方式,可以是 leftrightauto

我們可以使用 fill 屬性為標題單元格填充顏色。我們可以使用 font 屬性來設定標題單元格內文字的顏色和大小。

我們可以使用 height 屬性設定標題單元格的高度,並將其值設定為整數。使用 line 引數,我們可以設定線條屬性,如線條顏色和寬度。我們可以新增字首和字尾,它們會出現在單元格值的前後。

讓我們更改上面提到的屬性。請參閱下面的程式碼。

import plotly.graph_objects as go

data = [
    go.Table(
        header=dict(
            values=["X_Score", "Y_Score"],
            align="left",
            fill=dict(color="yellow"),
            font=dict(color="red", size=16),
            height=50,
            line=dict(color="red", width=4),
            prefix="!",
            suffix="=",
        ),
        cells=dict(values=[[10, 9, 8, 9], [5, 5, 7, 9]]),
    )
]

fig = go.Figure(data)
fig.show()

輸出:

更改表格的標題單元格屬性

讓我們更改單元格的一些屬性。也可以為單元格更改上述屬性。

讓我們更改上面提到的單元格屬性。請參閱下面的程式碼。

import plotly.graph_objects as go

data = [
    go.Table(
        header=dict(
            values=["X_Score", "Y_Score"],
            align="left",
            fill=dict(color="yellow"),
            font=dict(color="red", size=16),
            height=50,
            line=dict(color="red", width=4),
            prefix="!",
            suffix="=",
        ),
        cells=dict(
            values=[[10, 9, 8, 9], [5, 5, 7, 9]],
            align="left",
            fill=dict(color="lightcyan"),
            font=dict(color="green", size=14),
            height=30,
            line=dict(color="green", width=4),
            prefix="--",
            suffix="*",
        ),
    )
]

fig = go.Figure(data)
fig.show()

輸出:

更改表格中單元格的屬性

我們可以使用 Table() 函式中的 domain 引數來設定表格域,例如使用 x 軸域的 x 屬性和 y 軸的 y 屬性來設定單元格的寬度。

讓我們在上表中設定單元格的水平大小。請參閱下面的程式碼。

import plotly.graph_objects as go

data = [
    go.Table(
        header=dict(
            values=["X_Score", "Y_Score"],
            align="left",
            fill=dict(color="yellow"),
            font=dict(color="red", size=16),
            height=50,
            line=dict(color="red", width=4),
            prefix="!",
            suffix="=",
        ),
        cells=dict(
            values=[[10, 9, 8, 9], [5, 5, 7, 9]],
            align="left",
            fill=dict(color="lightcyan"),
            font=dict(color="green", size=14),
            height=30,
            line=dict(color="green", width=4),
            prefix="--",
            suffix="*",
        ),
        domain=dict(x=[0, 0.5]),
    )
]

fig = go.Figure(data)
fig.show()

輸出:

更改表格中單元格的域

我們還可以使用 columnorder 引數設定列順序,使用 columnwidth 引數設定列寬。

讓我們在第二列中顯示第一列,在第一列中顯示第二列,讓我們更改列寬並將第一列的寬度設定為一半。請參閱下面的程式碼。

import plotly.graph_objects as go

data = [
    go.Table(
        columnorder=[2, 1],
        columnwidth=[1, 2],
        header=dict(
            values=["X_Score", "Y_Score"],
            align="left",
            fill=dict(color="yellow"),
            font=dict(color="red", size=16),
            height=50,
            line=dict(color="red", width=4),
            prefix="!",
            suffix="=",
        ),
        cells=dict(
            values=[[10, 9, 8, 9], [5, 5, 7, 9]],
            align="left",
            fill=dict(color="lightcyan"),
            font=dict(color="green", size=14),
            height=30,
            line=dict(color="green", width=4),
            prefix="--",
            suffix="*",
        ),
    )
]

fig = go.Figure(data)
fig.show()

輸出:

更改表格中的列順序和寬度

我們可以使用儲存在資料框中的值來建立表。檢查此連結以獲取有關在 Plotly 中建立表的更多詳細資訊。

作者: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook