Python Dash 模块：详细指南

import dash  # 导入Dash模块
from dash import html  # 导入HTML组件

app = dash.Dash(__name__)  # 创建Dash应用

app.layout = html.Div('Hello, Dash!')  # 设置应用的布局，显示文本

if __name__ == '__main__':
    app.run_server(debug=True)  # 启动服务器，debug模式下运行

import dash  # 导入Dash模块
from dash import html, dcc  # 导入HTML和Dash核心组件
import plotly.express as px  # 导入Plotly Express以创建图表
import pandas as pd  # 导入Pandas用于数据处理

# 准备数据
df = pd.DataFrame({
    "Fruit": ["Apples", "Oranges", "Bananas"],
    "Amount": [4, 1, 2]
})

# 创建饼图
fig = px.pie(df, values='Amount', names='Fruit', title='Fruit Distribution')

app = dash.Dash(__name__)  # 创建Dash应用

# 设置布局，添加图表组件
app.layout = html.Div([
    dcc.Graph(figure=fig)  # 将图表作为布局的一部分
])

if __name__ == '__main__':
    app.run_server(debug=True)  # 启动服务器

import dash  # 导入Dash模块
from dash import html, dcc, Input, Output  # 导入HTML组件、输入组件、输出组件
import plotly.express as px  # 导入Plotly Express以创建图表
import pandas as pd  # 导入Pandas用于数据处理

df = px.data.gapminder()  # 获取示例数据集

app = dash.Dash(__name__)  # 创建Dash应用

# 设置布局，包含下拉菜单和图表
app.layout = html.Div([
    dcc.Dropdown(
        id='dropdown-country',  # 下拉菜单ID
        options=[{'label': country, 'value': country} for country in df['country'].unique()],  # 选项列表
        value='Canada'  # 默认选择
    ),
    dcc.Graph(id='line-chart')  # 图表ID
])

# 回调函数，根据选择更新图表
@app.callback(
    Output('line-chart', 'figure'),  # 更新的目标
    Input('dropdown-country', 'value')  # 输入值
)
def update_chart(selected_country):  # 函数定义
    filtered_df = df[df['country'] == selected_country]  # 根据选择过滤数据
    fig = px.line(filtered_df, x='year', y='gdpPercap', title=f'GDP per Capita of {selected_country}')  # 创建线图
    return fig  # 返回图表

if __name__ == '__main__':
    app.run_server(debug=True)  # 启动服务器