【Tableau server 】Tableau 如何用javaScript嵌入web前端网页？

【Tableau server 】Tableau 如何用javaScript嵌入web前端网页？

文章目录

​​为什么要进行Tableau 嵌入？​​​​核心代码讲解​​​​HTML 主题设置​​​​调用API方法并与可视化进行交互​​​​加载调用函数initViz（）​​

为什么要进行Tableau 嵌入？

1.可以将Tableau可视化效果嵌入并集成道自己的web应用程序中，比如大家常见的博客里面嵌入了tableau 可视化，并且可以与各个视图进行交互。 2.可以创建与视图交互的自定义接口，比如导出文件格式，导出图像或者数据的图标设置，更加的符合个人或者组织的品牌形象。 3.当我们把tableau可视化嵌入到我们web应用程序中(这里引用自己的博客)，就可以利用 ppt里面的web viewer 加载项进行ppt展示(可能是因为微软和tableau是竞争关系，不能直接将tableau可视化放入ppt里面)，当然这个主题功能是有人提出来想要将tableau的可视化交互在ppt里面展示，毕竟导出的图片太生硬了，达不到我们想要的交互效果，采用这种方式可以完全实现。

核心代码讲解

导入 Tableau JavaScript API 库 YOU-SERVER：你自己的tableau server名称或者IP tableau-2.min.js：tableau 的javaScript API库文件()，这个库文件也可以下载在本地的

加载调用函数initViz（）

当 HTML 页面在浏览器中加载时，将调用该函数并创建新对象并加载交互式 Tableau 可视化效果。这就是它的全部内容！

下面是简单的外观：

GIF演示：

提示：下面是写好的完整源代码，复制下面全部代码，更改​​后缀成html​​即可实现嵌入模板。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。