通过点击图中的数据点打开网址？

Question

我已经成功地从python创建了图形图,并且为数据点创建了自定义html工具提示.但是,如果有人点击数据点,我没有成功添加打开链接的功能.我想要的是弹出一个单独的选项卡,显示链接到该特定数据点的更多信息.

任何人都可以想到一种方法来实现这一点吗？

Answer 1

这是一个解决办法，但它确实实现了所需的功能

您可以将一些 html 放入注释中。这包括表单文本的超链接。

如果您想单击一个点而不是文本，您可以对直接位于数据点上方的空字符串 Text = " " 进行注释。

我倾向于使用 python API 绘制我的图，因此注释的代码将采用以下形式：

plotAnnotes = []

plotAnnotes.append(dict(x=xVal[i],
                        y=yVal[i],
                        text="""<a href="https://plot.ly/">{}</a>""".format("Text"),
                        showarrow=False,
                        xanchor='center',
                        yanchor='center',
                        ))

并在布局中包含 annotations=plotAnnotes。xVal[i] 和 yVal[i] 的值将来自您的数据。

Answer 2

如果您使用的是Dash，则可以将 url 存储在customdata字段中，并在处理输入的回调中检索它，clickData如下所示。

import webbrowser
import dash
from dash.exceptions import PreventUpdate
import dash_core_components as dcc
from dash.dependencies import Input, Output
import plotly.express as px
import pandas as pd

app = dash.Dash(__name__)
df = pd.DataFrame(
    dict(
        x=[1, 2],
        y=[2, 4],
        urls=["https://www.google.com","https://plotly.com/dash/"],
    )
)
app.layout = html.Div(
    [
        dcc.Graph(
            id="graph-id",
            figure=px.scatter(data_frame=df, x="x", y="y", custom_data=("urls",)),
        ),
    ]
)

@app.callback(
        Output('graph-id', 'figure'), 
        [Input('graph-id', 'clickData')])
        def open_url(clickData):
            if clickData != None:
            url = clickData['points'][0]['customdata'][0]
            webbrowser.open_new_tab(url)
        else:
            raise PreventUpdate

Answer 3

目前还不太可能，但最好的选择可能是在文本中包含一个悬停链接，以下是一个示例： https: //plot.ly/~chris/2540（单击“代码”选项卡以查看如何复制图形）