Plotly 和 Dash 函数总结
Plotly Express
函数 | 描述 | 语法 | 示例 |
---|---|---|---|
scatter |
创建散点图 | px.scatter(dataframe, x=x_column, y=y_column) |
px.scatter(df, x=age_array, y=income_array) |
line |
创建折线图 | px.line(x=x_column, y=y_column, title='title') |
px.line(x=months_array, y=no_bicycle_sold_array) |
bar |
创建柱状图 | px.bar(x=x_column, y=y_column, title='title') |
px.bar(x=grade_array, y=score_array, title='通过率') |
sunburst |
创建旭日图 | px.sunburst(dataframe, path=[col1,col2..], values='column', title='title') |
px.sunburst(data, path=['Month', 'DestStateName'], values='Flights', title='航班分布层级') |
histogram |
创建直方图 | px.histogram(x=x, title="title") |
px.histogram(x=heights_array, title="身高分布") |
bubble |
创建气泡图 | px.scatter(dataframe, x=x, y=y, size=size, title="title") |
px.scatter(bub_data, x="City", y="Numberofcrimes", size="Numberofcrimes", hover_name="City", title='犯罪统计') |
pie |
创建饼图 | px.pie(values=x, names=y, title="title") |
px.pie(values=exp_percent, names=house_holdcategories, title='家庭支出') |
Plotly 图形对象
函数 | 描述 | 语法 | 示例 |
---|---|---|---|
Scatter |
创建散点图 | go.Scatter(x=x, y=y, mode='markers') |
go.Scatter(x=age_array, y=income_array, mode='markers') |
Scatter |
创建折线图 | go.Scatter(x=x, y=y, mode='lines') |
go.Scatter(x=months_array, y=no_bicycle_sold_array, mode='lines') |
add_trace |
向现有图形添加轨迹 | fig.add_trace(trace_object) |
fig.add_trace(go.Scatter(x=months_array, y=no_bicycle_sold_array)) |
update_layout |
更新图形的布局,如标题、轴标签 | fig.update_layout(layout_object) |
fig.update_layout(title='自行车销售', xaxis_title='月份', yaxis_title='售出自行车数量') |
Dash
组件 | 描述 | 语法 | 示例 |
---|---|---|---|
dcc.Input |
创建输入组件 | dcc.Input(value='', type='text') |
dcc.Input(value='你好', type='text') |
dcc.Graph |
创建图形组件 | dcc.Graph(figure=fig) |
dcc.Graph(figure=fig) |
html.Div |
创建 div 元素 |
html.Div(children=component_list) |
html.Div(children=[html.H1('你好 Dash'), html.P('欢迎使用 Dash')]) |
dcc.Dropdown |
创建下拉组件 | dcc.Dropdown(options=options_list, value=default_value) |
dcc.Dropdown(options=[{'label': '选项 1', 'value': '1'}, {'label': '选项 2', 'value': '2'}], value='1') |