如何在 Python 中顯示 Plotly 動畫滑塊？

Plotly 支援不同型別的圖表。在本教程中，我們將演示如何使用 Plotly 顯示動畫滑塊。

  • 我們將使用 `plotly.express` 生成圖形。它包含許多自定義圖表的方法。

  • 要建立滑塊並設定幀，我們將使用 `px.scatter()` 方法及其屬性 `animation_frame` 和 `animation_group`。

請按照以下步驟顯示動畫滑塊。

步驟 1

匯入 `plotly.express` 模組並將其別名為 `px`。

import plotly.express as px

步驟 2

匯入 Pandas 模組並將其別名為 `pd`。

import pandas as pd

步驟 3

使用 Pandas 從 CSV 檔案匯入資料並建立資料框。

import pandas as pd
data = pd.read_csv('students_result.csv')
df = pd.DataFrame(data)

步驟 4

使用以下座標建立動畫幀和組

fig = px.scatter(
   df, x="expected", y="final",
   animation_frame="final",
   animation_group="state",
   color="state", hover_name="state"
)

步驟 5

使用以下步驟更新佈局並顯示圖形：

fig["layout"].pop("updatemenus")
fig.show()

示例

顯示動畫滑塊的完整程式碼如下：

import plotly.express as px
import pandas as pd

data = pd.read_csv('students_result.csv')

df = pd.DataFrame(data)
fig = px.scatter(df, x="expected", y="final", animation_frame="final", animation_group="state", color="state", hover_name="state")

# optional, drop animation buttons
fig["layout"].pop("updatemenus")

fig.show()

輸出

執行後，它將在瀏覽器上顯示以下輸出：


請注意，我們在圖表底部得到一個滑塊，您可以操作它，這將依次控制圖表上點的座標。

更新於：2022年10月21日

1K+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告