Tableau可视化嵌入PHP网页中 
时间: 2023-05-27 16:07:03 浏览: 46
要将Tableau可视化嵌入PHP网页中,您需要遵循以下步骤:
1. 创建一个Tableau Server账户并上传您的可视化文件。
2. 在Tableau Server中设置您的可视化文件的共享选项,以便在外部应用程序中嵌入。
3. 在PHP网页中使用Tableau JavaScript API调用您的可视化文件。
以下是具体步骤:
1. 创建Tableau Server账户并上传您的可视化文件
- 访问Tableau Server网站并创建一个账户。
- 在Tableau Server上上传您的可视化文件(.twb或.twbx文件)。
- 确保您拥有可视化文件的共享权限,以便在外部应用程序中嵌入。
2. 在Tableau Server中设置您的可视化文件的共享选项
- 打开Tableau Server中的可视化文件。
- 单击“共享”选项卡。
- 选择“在Web页面中嵌入此视图”选项。
- 设置其他共享选项,例如允许用户交互和调整大小。
3. 在PHP网页中使用Tableau JavaScript API调用您的可视化文件
- 将Tableau JavaScript API添加到您的PHP网页中。您可以从Tableau开发人员网站下载API。
- 在PHP网页中创建一个容器元素,用于嵌入Tableau可视化。
- 使用Tableau JavaScript API调用您的可视化文件并将其嵌入到容器元素中。
以下是一个基本示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Tableau Embedding with PHP</title>
<script src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>
</head>
<body>
<div id="tableauViz"></div>
<script>
var containerDiv = document.getElementById("tableauViz");
var url = "https://your-tableau-server-url/views/your-visualization";
var options = {
width: "100%",
height: "500px",
hideTabs: true,
hideToolbar: true
};
var viz = new tableau.Viz(containerDiv, url, options);
</script>
</body>
</html>
您需要将“your-tableau-server-url”和“your-visualization”替换为您的Tableau Server网址和可视化文件名称。
此代码将在PHP网页中创建一个高度为500像素的Tableau可视化。您可以根据需要更改容器元素的大小和共享选项。
相关推荐

















