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

Question

So basically, I want a user to be directed to a specific website when they click a bar in a bar graph but I cant figure out how to do it. Couldn't find any resources for this either..

Answer 1

You can use HTML in annotations

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