開始使用免費開始

在 Dash 應用程式中呈現銷售圖

你在公司用 Plotly 製作的圖表已經產生明顯影響。不過，想要和同事分享卻不太方便。你常常得把圖表匯出成圖片或 HTML 檔案，而且每次有新版本就得寄出很多電子郵件。

如果能把你建立的圖表做成網頁應用程式，分享會更容易。你決定先用「各國每月銷售額」的折線圖來嘗試看看。

ecom_sales 資料集已可使用，line_fig 也已替你重建完成。

本練習屬於課程

使用 Dash 與 Plotly 建立儀表板

檢視課程

練習說明

  • 建立一個名為 app 的空白 Dash 應用程式物件。
  • 設定應用程式的版面配置為單一圖表元件，並使用 line_fig 作為 figure。
  • 設定當從主控台執行此指令碼時，應用程式以開發模式啟動伺服器。

動手互動練習

試著完成這個範例程式碼，體驗一下這個練習。

from dash import Dash, dcc
import pandas as pd
import plotly.express as px
ecom_sales = pd.read_csv('/usr/local/share/datasets/ecom_sales.csv')
ecom_sales = ecom_sales.groupby(['Year-Month','Country'])['OrderValue'].agg('sum').reset_index(name='Total Sales ($)')
line_fig = px.line(data_frame=ecom_sales, x='Year-Month', y='Total Sales ($)', title='Total Sales by Month', color='Country')

# Create the Dash app
app = ____()

# Set up the layout with a single graph
app.____ = [dcc.____(
  id='my-line-graph',
  figure=line_fig)]

# Set the app to run in development mode
if __name__ == '__main__':
    app.____(debug=____)
編輯並執行程式碼