如何使用 Python 中的 Plotly Express 向每个条形图添加可点击链接？

Question

所以基本上，我希望用户在单击条形图中的条时被定向到特定网站，但我不知道该怎么做。 也找不到这方面的资源..

Answer 1

您可以在注释中使用 HTML

import pandas as pd
import plotly.express as px

df = pd.DataFrame({"tag": ["pandas", "plotly", "matplotlib"]}).assign(
    val=1,
    url=lambda d: d["tag"].apply(
        lambda t: f"https://stackoverflow.com/questions/tagged/{t}?sort=Newest&filters=NoAnswers,NoAcceptedAnswer&edited=true"
    ),
)

fig = px.bar(df, y="val", x="tag")

for r in df.iterrows():
    fig.add_annotation(
        {
            "x": r[1]["tag"],
            "y": r[1]["val"],
            "text": f"""<a href="{r[1]["url"]}" target="_blank">{r[1]["tag"]}</a>""",
        }
    )

fig