如何在plotly dash中超链接图像？
在Plotly Dash中超链接图像的方法如下：
- 首先，你需要在Dash应用程序的布局中包含一个HTML链接元素。例如，你可以使用
html.A来创建一个链接标签。
import dash
import dash_html_components as html
app = dash.Dash(__name__)
app.layout = html.Div([
html.A(html.Img(src='image.jpg'), href='https://www.example.com')
])
if __name__ == '__main__':
app.run_server(debug=True)- 上述代码中，
html.Img用于添加图像，src属性指定图像的URL，href属性指定链接的URL。 - 运行Dash应用程序后，图像将成为可点击的链接，点击图像将打开指定的链接。
值得注意的是，这里给出的是基于Plotly Dash的方法，如果你想了解有关Plotly Dash的更多信息，请参考腾讯云的相关文档和资源：
- Plotly Dash官方文档：https://dash.plotly.com/
希望这个回答能够满足你的需求，如果还有其他问题，请随时提问。
相关·内容
我正在尝试创建一个带有背景图像的plotly/dash的绘图。绘图已创建，但背景图像未创建。文件和图像位于同一目录中。 我是不是遗漏了什么？ import base64
import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objects as go
IMAGE_FILENAME1 = 'link.png'
image1 = base64.b64encode(open(IMAGE_FILENAME1, 'rb'
浏览 38提问于2020-12-26得票数 0
我想在Dash应用程序中嵌入Bokeh人物，但我不知道如何在Dash中呈现Bokeh JSON。 最简单的解决方案是单独使用Bokeh或Dash。我们在工作中使用的所有其他应用程序都使用Dash (因此仅使用Bokeh是不可取的)，然而，Dash/Plotly无法生成所需的图形(叠加在平铺地图上的光栅图像)。 有一个旧的post on the Plotly community forum提出了同样的问题，提出的解决方案是使用dash-alternative-viz包嵌入Bokeh图。不幸的是，即使在复制示例usage.py脚本时，该包也不会呈现Bokeh图。这已经作为回购的一个问题提出了，但
浏览 36提问于2021-07-21得票数 3
我正在评估python plotly和/或dash作为更新图像的链接图的bokeh/holoview的替代方案。
要求:将数据点链接到图像:我有散点图和热图，其中单个数据点表示从图像派生的值。我想从散点图中的一个数据点链接回该数据点的数值所来自的图像。图像数据在numpy数组中，或者可以由回调函数提供。我希望避免将.png文件写入磁盘并将其嵌入到html元素中。
将图像选择链接到数据点:例如，显示图像。根据图像中的选择更新绘图(例如，简单的直方图)。
但是，我似乎找不到任何用于在plotly/dash中显示图像的小部件。是我错过了什么，还是真的没有这样的东西？
浏览 0提问于2018-02-02得票数 6
1回答
在我的应用程序中，我需要在单击图像时更改图像。我该怎么做呢？ 文件夹结构： - app.py
- assets/
|-- custom-script.js app.py app = dash.Dash(__name__)
app.layout = html.Div(
[
html.Img(
className="myImg",
id="speak_btn",
src="assets/img/microphone.png",
style
浏览 12提问于2021-04-16得票数 0
通过查看dash文档，我看不到任何用于在图像中嵌套超链接的语法或示例。本质上，我试图实现以下目标，但采用一种dash布局友好的格式(不管它使用的是html还是dash-core-component)： <a href="https://www.twitter.com/username">
<img alt="Link to my twitter" src="twitterlogo.png"
width=32" height="32">
</a> 提前感谢任何帮助。
浏览 22提问于2021-04-23得票数 0
回答已采纳
1回答
大家好，我正在用条形图比较不同种族的人口。我已经成功地创建了我的图表，但想要一个区域的下拉菜单。bar chart image 这是我的代码，但是我在打开下拉菜单时遇到了问题。有人能帮上忙吗？excel数据：excel import plotly.graph_objects as go
from plotly.offline import plot
import pandas as pd
import plotly.express as px
import pandas as pd #(version 1.0.0)
import plotly #(version
浏览 83提问于2020-11-08得票数 0
1回答
Context：我正在尝试使用Plotly创建一个简单的图像处理应用程序。它必须能够显示图像并对图像执行一些操作，同时更新图像的显示。图像将在动态生成或上传到应用程序。
图像是numpy ndarray格式的，因为我的处理是基于使用这种格式的numpy和matplotlib操作。
问题: 允许在通过某些GUI操作更新ndarray的同时显示ndarray的代码是什么?
我基本上是在搜索dash能提供给matplotlib.pyplot.imshow()的最接近的东西
Research :在我的研究中，我发现可能包含了我开始工作所需的所有基本特性，但作为Plotly的初学者，我很难提取我需要的代
浏览 0提问于2020-01-30得票数 0
如何在同一页上添加在图片中显示的多个图形？我正在尝试将html.Div组件添加到以下代码中，以更新页面布局以添加更多类似于单页面的图形，但这些新添加的图形不会显示在页面上，只有旧图形显示在可见的图片中。我应该修改什么元素，比如说在浏览器的dash应用程序的单个页面上添加上传的图像中显示了3次的图形？
import dash
import dash_core_components as dcc
import dash_html_components as html
i[enter image description here][1]mport plotly.express as px
浏览 2提问于2020-08-18得票数 12
回答已采纳
这是如何将本地图像文件源到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,
浏览 9提问于2022-05-20得票数 2
回答已采纳
我使用plotly (express)生成了很多图像，并将它们保存为png格式的本地目录。现在，我想创建一个带有plotly的仪表板。我生成的图像有很多依赖项，这就是为什么我不想在dash应用程序的代码中包含代码的原因。
现在我问，是否可以将图像保存为某种格式(HTML?)在我的本地目录中，然后用划线来调用它们？！
我的问题是，我必须如何保存图像，以及如何调用它？我不想使用PNG (等)。因为我想使用hoverfunction
这是我尝试过的：
import plotly.express as px
fig =px.scatter(x=range(10), y=range(10))
fig.
浏览 13提问于2021-05-12得票数 3
回答已采纳
1回答
我想在Plotly中为折线图创建垂直滚动。对于可视化，垂直卷轴如下图所示。 ? 假设我们有如下所示的6个折线图，那么我们如何在画布上创建一个垂直滚动条 import plotly.graph_objects as go
import plotly.io as pio
from plotly.subplots import make_subplots
import pandas as pd
# data
pio.templates.default = "plotly_white"
df = pd.read_csv('https://raw.githubuser
浏览 44提问于2020-08-06得票数 6
1回答
我最近发现了plotly，我认为它是一个在互联网上分享交互情节的好工具。由于我的研究是在音频信号处理，我想使用它将我的matlab/python图形转换成交互式的图形，允许用户播放用于生成该图的不同音频信号。
例如，如果一个条形图显示了一串对应于不同的语音增强策略的条形图，我想找到一种方法来播放不同的音频信号，当它们在不同的线条上徘徊时。
我找到了 (或，用codePen打开它)来向plotly地块添加自定义的悬停效果；具体来说，该示例处理的是在地块上盘旋时显示的图像。我希望有类似的东西，但触发音频播放，而不是图像可视化。
如何对代码进行编辑以做到这一点？(例如，在其中一个酒吧上空盘旋时播放
浏览 1提问于2018-11-12得票数 3
与标题一样，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]],
浏览 5提问于2022-01-03得票数 1
1回答
我如何实现一个回调函数来响应mouseout，并在没有悬停在数据点上时恢复默认值？
我简化了Plotly|Dash教程中“交互式可视化”部分的代码，以说明我的问题。在本例中，callback函数返回mouseover信息。如何在mouseout上返回默认值
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.express as px
import pandas as
浏览 7提问于2021-03-15得票数 2
我正在尝试使用django-plotly-dash在DjangoDash应用程序中本地提供css文件。 Simpleexample.py app = DjangoDash('SimpleExample', serve_locally=True)
app.css.append_css("path_to_css")
app.layout = html.Div([
html.Div(
className="app-header",
children=[
html.Div('Plo
浏览 28提问于2020-04-10得票数 0
1回答
我希望能够选择具有plotly后端的熊猫plot方法的线型。 Matplotlib： 当我在pandas中使用matplotlib后端时，我可以这样做： pd.options.plotting.backend = "matplotlib"
df = pd.DataFrame({"a": [1,2,3,4], "b": [4,3,1,2]})
df.plot(style={"a":"--", "b":"-"}) 这允许我为每一列选择线型。输出为： ? Plotly后端： 有
浏览 49提问于2021-02-11得票数 1
回答已采纳
1回答
当我运行下面的代码时，它会加载web，但是它会留下一条错误消息，这是因为在某些部分中没有数据，条件可以帮助吗？
我上传了代码，但不知道该在哪里操作，我是Dash的新手，我在javascript方面的知识是有限的。
我的主文件
import dash
from dash.dependencies import Output, Input
import dash_core_components as dcc
import dash_html_components as html
import plotly
import random
import plotly.graph_objs as
浏览 1提问于2020-06-03得票数 4
回答已采纳
您可以在巧妙的文档中找到一堆Dash示例，大多数示例的结尾都是关于如何使用Dash构建图形的说明：
，Dash呢？Dash是一个用于构建分析应用程序的开放源代码框架，不需要Javascript，并且它与Plotly库紧密集成。
了解如何在上安装Dash。
但是我想用JupyterLab来代替。那么，为了让它在JupyterLab中运行，我必须在下面的“普通”Dash应用程序中做哪些更改？
代码示例：
import plotly.graph_objects as go
import plotly.express as px
import dash
import dash_core_compon
浏览 2提问于2020-09-18得票数 2
回答已采纳
1回答
我正在使用Plotly Express和Dash。我不确定如何访问发送到服务器的请求头？通常在flask中，您可以执行诸如打印(request.headers)之类的操作，但在Dash中不起作用。
浏览 15提问于2021-05-07得票数 0
回答已采纳
我正试图在django--巧妙地-破折号中使用最简单的仪表板示例，但我始终在上面得到ValueError。
对于下面的代码，假设django项目名为django_project，django应用程序名为仪表板。
我在django_project/urls.py的ROOT_URLCONF有以下相关代码：
import dashboard.dash_app
from dashboard.views import test_view
urlpatterns = [
...
path('dashboard/', test_view, name='test_vi
浏览 1提问于2019-06-23得票数 0
回答已采纳
1回答
我安装了django和dash，但没有安装django-dash。你知道为什么这不管用吗？ 我都试过了： pip install django_plotly_dash
pip install django-dash 命令提示符错误： ERROR: Could not find a version that satisfies the requirement django_plotly_dash (from versions: none)
ERROR: No matching distribution found for django_plotly_dash 新错误： WARNING: Ret
浏览 82提问于2020-12-23得票数 0
1回答
我一直想知道Plotly和Plotly Dash在性能方面的实际区别是什么。例如，有一个称为"webgl“的功能，它允许GPU在图形上呈现数据点，而不是传统的SVG ("webgl”可以在Plotly和Plotly Dash上使用)。"webgl“的问题是，它只能用于散点(条形、烛台等)。 如果我在Plotly或Plotly Dash上拉出烛台数据(100,000支或更多)，我会看到一些性能问题，比如交互性显著降低和滞后。 Plotly和Plotly Dash有什么不同吗？如果有，那么增加性能问题的方法是什么？
浏览 35提问于2020-11-20得票数 1
我试着在dash的plotly-exress主页上展示这个例子。
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="
浏览 17提问于2019-07-26得票数 1
回答已采纳
1回答
我正在使用plotly (python)来绘制一个水平条形图，如下图所示。
import plotly.express as px
fig = px.bar(
x=prices,
y=['Average $' + str(round(avg_price, 2)), 'Lowest $' +
str(round(min_price, 2)), 'Last $' + str(round(last_price, 2)),
'Proposed $' + str(round(proposed_pri
浏览 0提问于2021-07-11得票数 1
考虑以下MWE，使用python API绘制散点图：
import plotly.plotly as py
import plotly.graph_objs
import plotly.offline
plotly.offline.init_notebook_mode()
data = list(range(10))
trace = plotly.graph_objs.Scatter(
x=list(range(len(data))),
y=data
)
plotly.offline.iplot([trace])
如果我现在想在这个图中添加一条(比方说)水平线？我浏
浏览 0提问于2017-08-12得票数 8
回答已采纳
import dash
import dash_html_components as html
import dash_core_components as dcc
import plotly.graph_objects as go
import plotly.express as px 当在Jupyter Notebook中运行这段代码时，我得到了一个我应该做的error.what。 ModuleNotFoundError
Traceback (most recent call last)/tmp/ipykernel_7237/14325437
浏览 18提问于2021-09-06得票数 1
1回答
下面的第一段代码(代码1)生成一个图形，当您悬停在每个点上时，将显示与每个点相关的数据；当您单击每个点时，与每个点相关的数据被保存到列表中。对于这段代码，我还想显示与每个点相关联的图像。假设dataframe有一个列“image”，其中包含每个点的图像像素/数组数据。我在网上找到了实现此图像悬停功能的代码(代码2)，但没有单击功能。我有一个困难的结合图像悬停功能和点击功能。因此，基本上，我试图将click特性(单击点，它的数据保存到一个列表中)的代码#2合并到代码# 1中。
代码#1(单击功能)：
import json
from textwrap import dedent as d
imp
浏览 2提问于2022-01-25得票数 0
回答已采纳
在使用plotly-python绘制了多个图之后，我希望完成一个相当简单的任务:在HTML输出页面中显示变量的值。 想象一下，在下面的dashboard顶部有一个数字(大字体)，显示总成本。任何帮助都将不胜感激！
浏览 56提问于2021-01-06得票数 0
1回答
我使用plotly创建表格，并在plotly dash中显示它们。我想添加一个滚动条。这个是可能的吗？感谢你的帮助 #generate fig
import plotly.graph_objects as go
fig = go.Figure(data=[go.Table(header=dict(values=['A Scores', 'B Scores']),
cells=dict(values=[[100, 90, 80, 90], [95, 85, 75, 95]]))
])
浏览 20提问于2021-09-09得票数 0
我想有一个应用程序，返回点击数据时，用户点击一张图片。在应用程序之外，图像可以正常显示，但当我将其添加到应用程序中时，我看不到图像。我尝试过将图像转换为base64格式，但似乎也不起作用。 下面的函数获取本地图像并返回相关的绘图(适当地显示图像)： import plotly.express as px
import numpy as np
from itertools import product
import pandas as pd
import plotly.graph_objects as go
import base64
import dash
import dash_html_
浏览 46提问于2020-09-18得票数 0
我试图在dash应用程序中以表格的形式显示csv文件的内容。将显示其内容的文件将由用户从下拉列表中选择。下拉列表是从用户给定的位置获取文件。以下是我的代码：-
import dash
from dash import dcc, Input, Output, html, dash_table
import plotly.express as px
import pandas as pd
import os
#import plotly
import plotly.graph_objects as go
# ======================== Dash App
app = das
浏览 2提问于2022-09-14得票数 1
当我试图使用这个例子来完成我的用例时，我无意中添加了以下帖子的答案部分： Plotly: How to display graph after clicking a button? 我正在寻找一个非常相似的解决方案，我尝试了建议2(从上面的线程)，因为我想显示图像取决于用户选择的点击按钮。我在一个目录下有image_1、image_2、image_3和image_4。到目前为止，我已经尝试了如下所示： import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas
浏览 36提问于2021-11-13得票数 0
回答已采纳
[错误图像1 enter image description here大家好， 我试图使用给dash的基本示例来绘制图形，但它在屏幕截图中抛出了这个错误。我真的不知道问题是什么。有人知道用于绘制图形的das核心组件是否发生了变化吗？ 这是我获得代码的地方的链接。https://dash.plotly.com/dash-core-components enter link description here 错误显示“无法解析Dash设计工具包”谢谢您的帮助。
浏览 21提问于2021-07-02得票数 1
回答已采纳
我第一次将一个破折号应用集成到django中。我用django_plotly_dash来做这个。
我想我是用标准的方式做的：
urls.py
from django.urls import path, include
from . import views
urlpatterns = [
path('trial',views.trial,name='trial'),
]
views.py
from django.shortcuts import render
from django.http import HttpResponse
import my_
浏览 1提问于2021-11-12得票数 2
回答已采纳
2回答
我想在我的Django项目中有进度条，但它没有显示在页面上。我已经安装了django-dash和dash-bootstrap-component。代码：
import dash_html_components as html
import dash_bootstrap_components as dbc
from django_plotly_dash import DjangoDash
app = DjangoDash("Progress", add_bootstrap_links=True)
app.layout = html.Div(dbc.Progress(value=
浏览 3提问于2020-05-20得票数 1
2回答
由于Dash是一个相当新的框架，用于制作基于web的交互式图形，因此没有太多针对初学者的具体或详细信息。在我的例子中，我需要使用回调函数更新一个简单的条形图。即使服务器运行良好且不提示任何错误，数据也不会在浏览器上呈现。 需要帮助整理和理解数据无法呈现的原因。 import dash
from dash.dependencies import Output, Event
import dash_core_components as dcc
import dash_html_components as html
import plotly
import plotly.graph_objs as
浏览 21提问于2019-02-08得票数 2
1回答
我正在尝试用python构建一个仪表板，使用plotly和dash，它将使用滑块来更改图形的范围(x轴)。X轴包含日期。 我正在遵循plotly网站(https://dash.plot.ly/dash-core-components/rangeslider)上的一个滑块的示例。滑块示例在我的环境中工作得很好。当我用数据框中的最小和最大日期值替换滑块的最小和最大值时，如下所示： app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div([
dcc.RangeSli
浏览 21提问于2019-02-12得票数 1
回答已采纳
2回答
如何在flask中使用plotly offline。我知道plotly可以与Ipython notebook一起脱机使用，我可以将Plotly脱机与flask一起使用吗？如果没有，请建议我可以使用哪个python库在flask中进行3D可视化(离线库)
浏览 1提问于2016-03-29得票数 6
1回答
更新Plotly中的下拉框后，屏幕左下角会出现一个undo按钮，并且不会消失。
我该怎么移除它？
浏览 4提问于2017-07-17得票数 6
回答已采纳
我正在用Plotly的Dash做一个仪表盘。它对我来说真的很快也很有用。但我找不到如何安排例如按钮的位置。例如，我希望按钮是x=5，y=150。但我找不到关于文件的解决方案。另外，我检查了github中的破折号核心组件，找不到像x坐标或位置之类的地方。我需要添加react.js代码吗？提前谢谢。
浏览 4提问于2021-12-09得票数 0
回答已采纳
1回答
破折号
、、
我正试图在Plotly上创建一个赛特海景。我在赛博道具中给出的变焦值不影响。
cyto.Cytoscape(
id='my-cytoscape',
zoom=500,
layout={"name": "preset"},
style={"width": "100%", "height": "600px"},
stylesheet=[{
"selector": "node",
浏览 7提问于2021-08-05得票数 2
回答已采纳
1回答
我正在使用https://django-plotly-dash.readthedocs.io/en/latest/为我在Django中的情节冲刺服务。目前，图表在我的模板中呈现正常。但是，它显示得非常小，我试图调整div的大小，但似乎不起作用。 {%load plotly_dash%}
<div style="height: 100%; ">
{%plotly_app name="simple_example" %}
</div>
浏览 8提问于2020-04-18得票数 0
1回答
我有这段代码(来自here)，它按照预期生成了一个网络： import dash
import dash_core_components as dcc
from dash import html
import dash_cytoscape as cyto
from dash.dependencies import Input, Output
import plotly.express as px
app = dash.Dash(__name__)
app.layout = html.Div([
html.P("Dash Cytoscape:
浏览 13提问于2021-10-23得票数 0
回答已采纳
1回答
我有一个dash和plotly应用程序，如下图所示(采用this tutorial中的示例 ? 当我将鼠标放在一个县上时，我希望看到美国图上的一个图，上面有该县的一些信息。例如，如果我有失业率的历史值，我希望看到地图顶部绘制的时间序列，在一个小数字中，我仍然可以看到地图。 有没有一种简单的方法来使用dash和plotly来做到这一点？谢谢!
浏览 26提问于2020-07-08得票数 0
回答已采纳
我正在尝试将默认的模板更改为“海运”或“平缓_黑暗”。虽然它在巧妙地工作，但在巧妙使用的Dash中，它似乎不起作用。它仍然显示默认的模板，即使在指定template =‘plotly’之后。
下面是没有指定模板的代码：
return dcc.Graph(
id='example-graph',
figure={
'data': [
{'x': df_most_lines.Cast, 'y': df_most_lines.Lines, 'type': '
浏览 5提问于2020-04-28得票数 1
回答已采纳
在下面通过Python编写的Plot.ly代码中，我展示了一个cos(x)/cos(2x)/sin(x)/sin(2x)基于下拉菜单中的选择。我想将其修改为有两个下拉菜单:一个用于选择cos/sin，另一个用于选择x/2x。已经有了第二个虚拟下拉菜单，它与第一个菜单完全相同，只是为了演示。
Plot.ly有能力这样做吗？到目前为止，我只知道编辑通过按钮字典中的visible标记可以看到的内容，它接受静态列表，所以我不确定表示逻辑是否足够。
Plot.ly图在这里：
代码(运行在木星笔记本中)：
import plotly
import plotly.plotly as py
import p
浏览 0提问于2018-05-20得票数 0
回答已采纳
我正在使用Dash plotly为IPL构建Web Dashboard。其中有一个状态图标，显示the服务器的状态。 如何将其从网页中删除？我不能解释太多，所以添加下面用黄色标记的图像 ?
浏览 19提问于2020-09-09得票数 1
回答已采纳
我正在使用django_plotly_dash创建一个web应用程序，这是一个将Django、Plotly和Dash集成到一个包中的模块。我有一个问题，在那里，我可以尝试加载一些破折号数据，这是破折号应用程序的一部分，但他们永远不会在页面上呈现。页面被卡在“加载.”上就像这样：
正如您所看到的，页面的中间(从主页开始)是应该加载破折号数据的地方，但是屏幕被卡在“加载.”上。
从启动应用程序后的日志输出来看，似乎与Django没有找到正确的静态文件有关。以下是输出：
Watching for file changes with StatReloader
Performing syste
浏览 5提问于2021-11-30得票数 0
回答已采纳
下面是用于在ploty表示图形对象中创建直方图子图图表的数据。
下面的代码用于在图形对象中创建直方图子图图。
import plotly.express as px
import plotly.graph_objects as go
from plotly.subplots import make_subplots
specs = [[{'type':'histogram'}, {'type':'histogram'},{'type':'histogram'}]]
fig = make_
浏览 19提问于2022-10-17得票数 0
回答已采纳
是否可以在plotly的Dash框架中显示一个简单的matplotlib图(通常由plt.show()生成)？或者仅仅是带有plotly的散点和数据跟踪的类似于plotly的图形？
具体地说，我想我需要一个不同于Graph的组件(见下文)，以及一种在update_figure函数中返回简单绘图的方法。
示例：
import dash
import dash_core_components as dcc
import dash_html_components as html
import numpy as np
import matplotlib.pyplot as plt
app = das
浏览 2提问于2018-04-16得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
