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

2024-03-20

我有一个简单的表格,文本内有 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 works. Plotly:带有“href”的树形图元素不起作用 https://stackoverflow.com/questions/62955631/plotly-treemap-element-with-href-not-working/62961999#62961999

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

Update:

以下链接部分有效。

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

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

您可以在浏览器中禁用此安全检查或使用扩展程序。http://kb.mozillazine.org/Links_to_local_pages_do_not_work 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")
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有“href”的plotly树形图元素不适用于本地相对html路径 的相关文章

随机推荐

  • 编辑“prefers-color-scheme”值以强制使用深色模式

    我花了几个小时寻找解决方案 在线和在 Chrome 控制台中 但没有成功 实现暗模式的 正确 方法是使用带有 prefers color scheme 参数的媒体查询 body color fff media prefers color s
  • Heroku 上的 Django - 缺少静态文件 manifest.json 文件

    我正在尝试在 Heroku 上启动 Django 我环顾了 Stack Overflow 尝试了不同的方法 但我无法弄清楚 它看起来与 Django 上与 staticfiles 问题相关的所有问题类似 不幸的是我不知道问题出在哪里 我的项
  • Array.prototype.includes 中的错误?

    我遇到了奇怪的行为Array prototype includes在一种边缘情况下 鉴于Array prototype includes适用于绑定上下文 人们可能会像这样使用它 这是有效的 expect Array prototype in
  • 连接 Wi-Fi 网络时如何使用蜂窝数据?

    我期待在连接 Wi Fi 时使用蜂窝数据 Yi行车记录仪的工作原理是这样的 易相机制作软AP iOS 或 Android 手机连接 Wi Fi YI和Phone之间建立内部网络 一般情况下 手机不能上网 但是 在Yi网络中 手机可以使用互联
  • 从“选择应用程序”列表中隐藏 NFC 应用程序/禁用通过外部 NFC 意图启动

    我目前正在为 Android 编写几个支持 NFC 的应用程序 并想知道如何阻止我的应用程序出现在 选择应用程序 列表中 该列表在从启动器或非 NFC 应用程序扫描标签时打开 我只希望我的应用程序能够在打开时读取标签 我当前的意图过滤器
  • 软件包:cx_Oracle for Python 3.5,windows64 位。甲骨文11.2.0.1.0

    我正在尝试在我的 Windows PC 上安装 cx Oracle 我在命令提示符下运行了以下命令 pip install cx Oracle 这给了我以下错误 Collecting cx Oracle Could not find a v
  • 终止程序是否以与 free() 相同的方式回收内存?

    I saw 这个答案 https stackoverflow com a 6347182 8183900关于堆栈溢出问题 该问题表明在 C 程序的最后释放内存实际上是有害的 因为它将不会再次使用的变量移动到系统内存中 我很困惑为什么 C 中
  • Eclipse CDT - 如何快速计算代码中没有的表达式?

    我已经离开 Eclipse CDT 一段时间了 已经被 JetBrains 优秀的 IDE 宠坏了 而且公司不让我拥有Clion https www jetbrains com clion 诚然 这些主要针对解释型语言 而不是编译型语言 因
  • 不解析 RESTful 应用程序中的视图

    我正在使用 Spring MVC 3 构建一个具有 RESTful Web 服务的 Web 应用程序 Web 服务将由应用程序使用 因此永远不应该真正解析对视图的任何请求 有什么方法可以在 servlet 上下文中指定任何请求都不应解析到任
  • WordPress 用户上传不带扩展名的照片

    我遇到了最奇怪的问题 我的网站上有一位作家 使用 WordPress 4 2 2 但这种情况发生了几个月 不断上传名称为 00甚至没有扩展名 并且由于某些黑暗的原因 这些图像绕过了 WordPress 上传过滤器并获得了疯狂的名称 例如jp
  • 如何在 vaadin 7 中创建复杂的标头?

    我使用 setColumnHeader Object String 将一个简单的字符串设置为列标题 我想创建一个复杂的标题 我想知道是否有任何方法可以在 Vaadin 7 中构建如下图所示的类似表 https i stack imgur c
  • Web Audio API 从暂停状态恢复

    我经常读到无法使用以下命令暂停 恢复音频文件网络音频API https dvcs w3 org hg audio raw file tip webaudio specification html 但现在我看到了一个example http
  • 加载 XSLT 文档时路径中存在非法字符

    我正在创建一个方法来返回 HTML 字符串作为 XSLT 转换的结果 当我运行以下代码时 我在以下行中收到路径错误中的非法字符 xsltTransform Load xsltTemplate 注意我已经通过另一种方法测试了 XSLT 转换并
  • GCM:java.lang.NoClassDefFoundError:com/google/android/gcm/server/Sender

    我一直在尝试让 Google Cloud Messaging 在 Eclipse 中工作 我能够编译他们的演示网页上给出的示例并运行它 没有任何错误 但是 当我尝试使用 jersey 创建自己的示例时 当以下代码尝试创建发件人时 我收到运行
  • Delphi 2010 如何设置IDE打开项目对话框的初始文件夹

    有谁知道如何在Delphi 2010 IDE中设置打开项目或打开文件对话框的初始文件夹 我第一次在 USB 硬盘上安装 D2010 打开的对话框总是恢复到 Windows 驱动器 D 而 Delphi 在驱动器 R 上 在 工具 选项 环境
  • LDAP:ldap.SIZELIMIT_EXCEEDED

    我正在得到一个ldap SIZELIMIT EXCEEDED当我运行此代码时出错 import ldap url ldap
  • WebStorm:配置 Prettier 使用选项卡?

    The 更漂亮的文档 https prettier io docs en options html tabs说使用 use tabs覆盖默认行为 WebStorm 自动填充 Prettier 包 那是一个文件夹 我尝试将其更改为npm pr
  • 格式化 C# 字符串,使其值之间的间距相同

    我有3根弦 第一组字符串是 1 0536 2 1 2 第二个是这样的 Round Square Hex 最后是 6061 T6 T351 ASF 3 4 5 我需要将三个字符串组合在一起 每个字符串之间的间距相同 我无法使用 t 进行制表符
  • 删除不必要的 svn:mergeinfo 属性

    当我合并我的存储库中的内容时 Subversion 想要添加 更改很多内容svn mergeinfo与我要合并的内容完全无关的文件的属性 有关此行为的问题之前已在 Stack Overflow 上提出过 工作副本根目录以外的路径上的 SVN
  • 带有“href”的plotly树形图元素不适用于本地相对html路径

    我有一个简单的表格 文本内有 href href指向本地html文件的相对路径 但点击它并不会打开该页面 有什么办法可以做到这一点 好的解决方法吗 文件夹结构如下 由于root会改变 所以需要相对路径 root root index htm