Dash 不显示使用 px.imshow 创建的图形

Question

如标题所示，Dash 不显示使用 px.imshow 创建的图形（图片）。下面是我的代码。

import plotly.graph_objects as go # or plotly.express as px
import plotly.express as px
import numpy as np
import dash
import dash_core_components as dcc
import dash_html_components as html

img_rgb = np.array([[[255, 0, 0], [0, 255, 0], [0, 0, 255]],
                    [[0, 255, 0], [0, 0, 255], [255, 0, 0]]
                   ], dtype=np.uint8)
fig = px.imshow(img_rgb)

app = dash.Dash()

app.layout = html.Div([
    dcc.Graph(figure=fig)
])
app.run_server(debug=True)  

我用过这个documentation page。在最底部，它说：

在此页面中您看到 fig.show() 的任何地方，您都可以在 Dash 应用程序中显示相同的图形，方法是将其传递给内置 dash_core_components 包中的 Graph 组件的图形参数，如下所示：

import plotly.graph_objects as go # or plotly.express as px
fig = go.Figure() # or any Plotly Express function e.g. px.bar(...)
# fig.add_trace( ... )
# fig.update_layout( ... )

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()
app.layout = html.Div([
    dcc.Graph(figure=fig)
])

app.run_server(debug=True, use_reloader=False)  # Turn off reloader if inside Jupyter

那我做错了什么？

Answer 1

为了让它运行，我唯一改变的是：

from dash import dcc
from dash import html

而不是

import dash_core_components as dcc
import dash_html_components as html