时间戳

首页 > 解决方案 > 如何使用 Angular 10 嵌入 Tableau Software viz？

javascript - 如何使用 Angular 10 嵌入 Tableau Software viz？

问题描述

我尝试通过执行此操作使用“简单”JavaScript 和 HTML 嵌入 Tableau Software 即（请参阅下面的 HTML 代码）。为了使其正常运行，您必须使用 cookie 设置信息，如下所述： https ://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite

使用 Angular 嵌入 Tableau Software 可视化项是否完全不同？我得到的第一个反馈是“肯定是的”。但到目前为止，我无法估计复杂性。

提前感谢您的任何建议。

<html>

<body>
<h1>Test d'intégration d‘une vue Tableau</h1>
<h2>Intégration via du Javascript</h2>
<script type='text/javascript' src='http://tableau.rd.nic.fr/javascripts/api/viz_v1.js'></script>
<div class='tableauPlaceholder' style='width: 1300px; height: 350px;'>
<object class='tableauViz' width='1300' height='350' style='display:none;'>
<param name='host_url' value='http%3A%2F%2Ftableau.rd.nic.fr%2F' /> 
<param name='embed_code_version' value='3' /> 
<param name='site_root' value='' />
<param name='name' value='espacedataregistre-v3&#47;Parc' />
<param name='tabs' value='yes' /><param name='toolbar' value='yes' />
<param name='showAppBanner' value='false' />
</object>
</div>

<h2>Intégration via un iFrame</h2>
<iframe src="http://tableau.rd.nic.fr/views/espacedataregistre-v3/Parc?:embed=y&:showAppBanner=false&:display_count=n&:showVizHome=n&:origin=viz_share_link" height="1300" width="1300" title="Tableau Iframe Integration"></iframe>
</body>

</html>

标签： javascriptangulartableau-api

解决方案

推荐阅读