时间戳

首页 > 解决方案 > 使用 html.Script 将 Dash (Plotly) 连接到 API

plotly-dash - 使用 html.Script 将 Dash (Plotly) 连接到 API

问题描述

希望将内置 dash 的应用程序连接到第三方 API。

连接的html是这样的......

<script src="https://api.website.com/static/api.js" data-app-id="1234" >
</script >

Dash 有一个名为html.Script的脚本组件，用于替换原始 html 中的 script 标签。您可以在此处阅读更多相关信息：https ://dash.plotly.com/dash-html-components/script

问题是原始 html api 代码包含唯一属性data-app-id，而 Dash 的 html.Script 组件似乎不支持允许将data-app-id="1234"放置在组件。

任何想法如何将 data-app-id="1234" 放在那里？

标签： plotly-dash

解决方案

您实际上可以通过设置以下external_scripts属性来做到这一点Dash：

external_scripts = [
    {
        "src": "https://api.website.com/static/api.js",
        "data-app-id": "1234",
    },
]

app = dash.Dash(__name__, external_scripts=external_scripts)

请查看此处的文档以获取更多信息。

要验证它是否正常工作：运行您的应用程序并在浏览器查看页面源代码，您将看到它显示：

<script src="https://api.website.com/static/api.js" data-app-id="1234"></script>

推荐阅读