我试图从破折号-表达的首页以短划线显示此示例。
import plotly.express as px
gapminder = px.data.gapminder()
px.scatter(gapminder, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
size="pop", color="continent", hover_name="country",
log_x=True, size_max=55, range_x=[100,100000], range_y=[25,90])
赞:
import plotly_express as px
import dash
import dash_html_components as html
import dash_core_components as dcc
from dash.dependencies import Input, Output
gapminder = px.data.gapminder()
dimensions = []
app = dash.Dash(
__name__, external_stylesheets=["https://codepen.io/chriddyp/pen/bWLwgP.css"]
)
app.layout = html.Div(
[
html.H1("Gapminder data"),
dcc.Graph(id="graph", style={"width": "75%", "display": "inline-block"}),
]
)
@app.callback(Output("graph", "figure"), [])
def make_figure():
return px.scatter(gapminder, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
size="pop", color="continent", hover_name="country",
log_x=True, size_max=55, range_x=[100,100000], range_y=[25,90])
app.run_server(debug=True)
尽管如此,只显示一个空的数字。
答案 0 :(得分:0)
编辑:您需要最新版本的Dash和Dash Core组件来渲染动画帧。
在这种情况下,是因为您的回调函数永远不会触发,因为第二个参数是一个空列表(即,它不依赖于任何输入)。
如果将图形内联到布局中,它将呈现:
import plotly_express as px
import dash
import dash_html_components as html
import dash_core_components as dcc
from dash.dependencies import Input, Output
gapminder = px.data.gapminder()
dimensions = []
app = dash.Dash(
__name__, external_stylesheets=["https://codepen.io/chriddyp/pen/bWLwgP.css"]
)
app.layout = html.Div(
[
html.H1("Gapminder data"),
dcc.Graph(id="graph", style={"width": "75%", "display": "inline-block"},
figure=px.scatter(gapminder, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
size="pop", color="continent", hover_name="country",
log_x=True, size_max=55, range_x=[100,100000], range_y=[25,90])),
]
)
app.run_server(debug=True)
或者您可以将回调连接起来,以依赖于确实发生变化的输入,它将触发并填充图形:)