带有“href”的 plotly treemap 元素不适用于本地相对 html 路径

Question

我有简单的 table，文本中有 href。 href 指向本地 html 文件的相对路径。但是点击它不会打开页面。有什么办法可以做到这一点/好的解决方法吗？

文件夹结构如下。由于root会变，所以需要相对路径。

--root
--root/index.html
--root/files/file1.html
--root/files/file2.html



import plotly.express as px
df = px.data.gapminder().query("year == 2007")

link_ref = '<a href="files/file1.html">{}</a>'
df['country'] = df['country'].apply(lambda item: link_ref.format(item))
fig = px.treemap(df, path=[ 'continent', 'country'], values='pop',
                  color='lifeExp', hover_data=['iso_alpha'])
fig.write_html("index.html")

注意：以 http 开头的 link 有效。

link_ref = '<a href="http://google.com">{}</a>'

更新：

以下 link 部分有效。

link_ref = '<a href="http:///files/file1.html">{}</a>'

Answer 1

出于安全原因，文件链接是一个问题。我用 IE 11 测试了这段代码，它运行良好，没有问题。对于 Firefox、Chrome 和 Edge，它不起作用。

您可以在浏览器中禁用此安全检查或使用扩展程序。 http://kb.mozillazine.org/Links_to_local_pages_do_not_work

import plotly.express as px
df = px.data.gapminder().query("year == 2007")

link_ref = '<a href="./text.html">{}</a>'
df['country'] = df['country'].apply(lambda item: link_ref.format(item))
fig = px.treemap(df, path=[ 'continent', 'country'], values='pop',
                  color='lifeExp', hover_data=['iso_alpha'])
fig.write_html("index.html")

带有“href”的 plotly treemap 元素不适用于本地相对 html 路径

plotly treemap element with “href” not working with local relative html paths

python

plotly

plotly-dash

plotly-python