python - 如何使用 for 循环在 Dash + Python 中显示多个图表?
问题描述
我正在尝试使用循环打印图表。数据在列表中。这就是我的代码当前的样子(我在 for 循环中得到一个语法错误):
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
dfs = [pd.DataFrame({"xaxis":["thing","otherthing","anotherthing"],"yaxis":[64,14,62]}),pd.DataFrame({"xaxis":["newthing","newotherthing","newanotherthing"],"yaxis":[344,554,112]})]
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
g = 0
app.layout = html.Div(children=[
for df in dfs:
dcc.Graph(id='example-graph'+str(g),figure={'data': [go.Bar(x=df['xaxis'],y=df[("yaxis")],name="yaxis")]})
]
g = g + 1)
if __name__ == '__main__':
app.run_server(debug=True)
我该怎么做呢?
提前致谢。
编辑 08/03/19:我知道我可以在下面的两个图表中手动编码,但我希望将它放在一个循环中,因为将来我可能会在一页上显示超过 2 个图表。
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
df1 = pd.DataFrame({"xaxis":["thing","otherthing","anotherthing"],"yaxis":[64,14,62]})
df2 = pd.DataFrame({"xaxis":["newthing","newotherthing","newanotherthing"],"yaxis":[344,554,112]})
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
g = 0
j = 1
app.layout = html.Div(children=[
dcc.Graph(id='example-graph'+str(g),figure={'data': [go.Bar(x=df1['xaxis'],y=df1[("yaxis")],name="yaxis")]}),
dcc.Graph(id='example-graph' + str(j), figure={'data': [go.Bar(x=df2['xaxis'], y=df2[("yaxis")], name="yaxis")]})
])
if __name__ == '__main__':
app.run_server(debug=True)
第二次编辑 08/03/19:我的最终工作代码:
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
dfs = [pd.DataFrame({"xaxis":["thing","otherthing","anotherthing"],"yaxis":[64,14,62]}),pd.DataFrame({"xaxis":["newthing","newotherthing","newanotherthing"],"yaxis":[344,554,112]})]
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
i = 0
output = []
#here you can define your logic on how many times you want to loop
for df in dfs:
output.append(dcc.Graph(id='example-graph'+str(i),figure={'data': [go.Bar(x=df['xaxis'],y=df[("yaxis")],name="yaxis")]}))
i = i + 1
app.layout = html.Div(children=output)
if __name__ == '__main__':
app.run_server(debug=True)
解决方案
该children
属性基本上是一个列表,您可以先在通用循环中生成列表,然后将其添加到 Div 中。
这是工作片段,
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
df1 = pd.DataFrame({"xaxis":["thing","otherthing","anotherthing"],"yaxis":[64,14,62]})
df2 = pd.DataFrame({"xaxis":["newthing","newotherthing","newanotherthing"],"yaxis":[344,554,112]})
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
output = []
#here you can define your logic on how many times you want to loop
for i in range(0,2):
output.append(dcc.Graph(id='example-graph'+str(i),figure={'data': [go.Bar(x=df1['xaxis'],y=df1[("yaxis")],name="yaxis")]}))
app.layout = html.Div(children=output)
if __name__ == '__main__':
app.run_server(debug=True)
推荐阅读
- java - Spring Hateoas 调试 uriTemplate 不能为空
- sql - SQL:过滤连接表
- r - 安装时遇到问题。packag("BatchGetSymbols")
- xamarin - 如何在使用 NUnit 运行 Xamarin.UITest 时调试 Xamarin 代码
- java - Gatling 脚本给出错误并且未生成报告
- oracle - 使用字符数作为分隔符sql
- android - Firebase 安装无法与 android 中的 Firebase 服务器 API 通信
- sql - 如何每天自动更新天差列?
- audio - 使用 FFMPEG 从 Quicktime 中提取多声道音频
- events - 我们可以在截屏时使密码字段模糊吗?