plotly 相关问题

这是如何将本地图像文件获取到 html 中的元素：这是一张图片这是如何将本地图像文件获取到 html 中的 <img> 元素： <html> <h1>This is an image</h1> <img src="file:///C:/Users/MyUser/Desktop/Plotly_Dash_logo.png" alt="image"></img> </html> 这将按预期显示图像。但是当我尝试使用绘图破折号包装元素制作同一页面时，它不起作用： import dash from dash import html, dcc app = dash.Dash(__name__) app.layout = html.Div([ html.H1('This is an image'), html.Img(src=r'file:///C:/Users/MyUser/Desktop/Plotly_Dash_logo.png', alt='image'), ]) if __name__ == '__main__': app.run_server(host='0.0.0.0', port=8080, debug=False, use_reloader=False) 本地图片文件不显示。但如果我用互联网上的文件替换源，比如 'https://rapids.ai/assets/images/Plotly_Dash_logo.png'，它就可以正常工作。这是怎么回事？经过更多搜索，我发现我可以将图像文件放在名为“assets/”的文件夹中，然后相对于应用程序文件夹引用它。 html.Img(src=r'assets/Plotly_Dash_logo.png', alt='image') 我还可以使用应用程序实例的特殊方法dash.Dash.get_asset_url()。 html.Img(src=app.get_asset_url('my-image.png')) 来源：https://dash.plotly.com/dash-enterprise/static-assets 我用了另一种方式：打开图像文件并读取内容对数据进行base64编码并解码在字符串前面添加“data:image/jpg;base64,”（对于 png 格式图像，请将 jpg 替换为 png）将字符串设置为 src with open(imgfile, "rb") as image_file: img_data = base64.b64encode(image_file.read()) img_data = img_data.decode() img_data = "{}{}".format("data:image/jpg;base64, ", img_data) # ... html.Img(id="tag_id", src=img_data, alt="my image", width="200", height="400", className="img_class") 您可以尝试使用这个旧的 GitHub 问题中提供的解决方案： https://github.com/plotly/dash/issues/71 它似乎不是为本地网址构建的:? 如果您想以交互方式执行此操作（例如，如果您想每分钟或其他时间渲染图像）在布局中包含此 div、img： html.Div( children=[ html.Img( id='figure-image-test', # define this in styles.css className='figure', ), ], # define this in styles.css className='figure-row', ), 更新src： @app.callback( dash.Output(component_id='figure-image-test', component_property='src'), dash.Input('interval-component', 'n_intervals'), ) def update_charts(n_intervals): print(f'refreshing {datetime.now()}, {n_intervals}') # this will write the image file to `./assets/my_figure.png` tmp_filename = f'{os.getcwd()}/assets/my_figure.png' # create an image file using matplotlib fig = plt.figure(figsize=(6, 4.5)) ax = fig.add_subplot(1, 1, 1) ax.scatter(x, y) fig.savefig(tmp_filename) return ( # src should be set to: src='assets/my_figure.png' 'assets/my_figure.png' ) interval-component 应该是 dcc.Interval( id='interval-component', interval=10 * 1000, # 10 seconds n_intervals=0, ) 您也将其包含在布局中。

python html image plotly

回答 4 投票 0

Plotly Mapbox 图层不显示图像

我正在尝试使用 open-street-map 创建一个绘图散点地图框，以及当用户放大地图时我想将其叠加为图层的图像。目前我的代码如下所示：

python plotly geospatial plotly-dash openstreetmap

回答 1 投票 0

生成旭日图时页面为空

我试图编写一个函数来生成旭日图，但该图显示了一个空白页面。没有错误消息。然后我用简单的样本数据进行测试（见下文），但它仍然是BL...

python plotly sunburst-diagram plotly.graph-objects

回答 1 投票 0

绘图平行坐标和类别

在数据框中，A 列和 B 列是分类数据，而 X 列和 Y 列是数值数据和连续数据。我如何使用plotly绘制平行坐标+类别图，使得前两个...