Într-un plotly dash app, eu sunt adăugarea de o adnotare de text cu un link care are un hash în ea.

topic = "Australia"  # might contain spaces
hashtag = "#" + topic

annotation_text=f"<a href=\"https://twitter.com/search?q={urllib.parse.quote_plus(hashtag)}&src=typed_query&f=live\">{topic}</a>"

Am nevoie de html de ieșire să conțină "https://twitter.com/search?q=%23Australia&src=typed_query&f=live" dar eu nu pot obține "#" caracterul de a codifica în mod corespunzător. Devine dublu codificat la %2523.

Minim De Lucru De Exemplu:

import dash
from dash.dependencies import Input, Output
import plotly.express as px
import urllib.parse

df = px.data.gapminder()
all_continents = df.continent.unique()

app = dash.Dash(__name__)

app.layout = dash.html.Div([
    dash.dcc.Checklist(
        id="checklist",
        options=[{"label": x, "value": x}
                 for x in all_continents],
        value=all_continents[4:],
        labelStyle={'display': 'inline-block'}
    ),
    dash.dcc.Graph(id="line-chart"),
])


@app.callback(
    Output("line-chart", "figure"),
    [Input("checklist", "value")])
def update_line_chart(continents):
    mask = df.continent.isin(continents)
    fig = px.line(df[mask],
                  x="year", y="lifeExp", color='country')
    annotations = []
    df_last_value = df[mask].sort_values(['country', 'year', ]).drop_duplicates('country', keep='last')
    for topic, year, last_lifeExp_value in zip(df_last_value.country, df_last_value.year, df_last_value.lifeExp):
        hashtag = "#" + topic
        annotations.append(dict(xref='paper', x=0.95, y=last_lifeExp_value,
                                xanchor='left', yanchor='middle',
                                text=f"<a href=\"https://twitter.com/search?q={urllib.parse.quote_plus(hashtag)}&src=typed_query&f=live\">{topic}</a>",
                                # text=f"<a href=\"https://twitter.com/search?q=#{urllib.parse.quote_plus(topic)}&src=typed_query&f=live\">{topic}</a>",

                                font=dict(family='Arial',
                                          size=16),
                                showarrow=False))

    fig.update_layout(annotations=annotations)
    return fig


app.run_server(debug=True)

Când executați acest lucru și faceți clic pe textul "Australia" de la sfârșitul de linie grafic, acesta ar trebui să deschidă o căutare twitter pagina pentru #Australia.

Ce am încercat:

1. folosind doar un gol "#" caracter: text=f"<a href=\"https://twitter.com/search?q=#{urllib.parse.quote_plus(topic)}&src=typed_query&f=live\">{topic}</a>"

De aici, caracterul # nu este codat ca %23 la ieșire, ceea ce duce la un link de twitter.

https://twitter.com/search?q=#mytopic&src=typed_query&f=live link-ul

2. folosind quote_plus pe hashtag-ul text=f"<a href=\"https://twitter.com/search?q=#{urllib.parse.quote_plus(hashtag)}&src=typed_query&f=live\">{topic}</a>"

Aici, pe %23 (codificat caracterul#) devine codat din nou, rezultând în %2523 la ieșire.

https://twitter.com/search?q=%2523mytopic&src=typed_query&f=livelink-ul

Cum a face I a lua pentru a codifica corect la # (a %23), așa că am obține

href="https://twitter.com/search?q=%23mytopic&src=typed_query&f=live