Tableau Desktop และความช่วยเหลือในการเขียนเว็บ

ใช้ Tableau JavaScript

โค้ดต่อไปนี้จะแสดงตัวอย่างของโค้ดฝังที่สร้างขึ้นเมื่อคุณคลิกแชร์บนมุมมองที่เผยแพร่ ตัวอักษรพิเศษในพารามิเตอร์ host_url คือ URL ที่เข้ารหัส และตัวอักษรพิเศษใน site_root และ name จะระบุเป็นการอ้างอิงอักขระตัวเลข HTML

ตัวอย่างของ Tableau Server

<script type='text/javascript' src='http://myserver/javascripts/api/viz_v1.js'></script> 
							<div class='tableauPlaceholder' style='width:800; height:600;'> 
							<object class='tableauViz' width='800' height='600' style='display:none;'>
							<param name='host_url' value='http%3A%2F%2Fmyserver%2F' /> 
							<param name='site_root' value=&#47;t&#47;Sales' /> 
							<param name='name' value='MyCoSales&#47;SalesScoreCard&#47;' /> 
							<param name='tabs' value='yes' /> 
						<param name='toolbar' value='yes' /></object></div>

ตัวอย่างของ Tableau Cloud

<script type='text/javascript' src='https://online.tableau.com/javascripts/api/viz_v1.js'></script> 
							<div class='tableauPlaceholder' style='width:800; height:600;'> 
							<object class='tableauViz' width='800' height='600' style='display:none;'>
							<param name='host_url' value='https%3A%2F%2Fonline.tableau.com%2F' /> 
							<param name='site_root' value='&#47;t&#47;Sales' /> 
							<param name='name' value='MyCoSales&#47;SalesScoreCard&#47;' /> 
							<param name='tabs' value='yes' /> 
							<param name='toolbar' value='yes' />
							</object>
						</div> 

แหล่งข้อมูลสำหรับแท็ก <script> คือ URL สำหรับไฟล์ Tableau Server และ Tableau Cloud JavaScript ที่ชื่อ viz_v1.js ไฟล์ JavaScript จะจัดการรวบรวม URL แบบเต็มของมุมมองที่แสดงสำหรับผู้ใช้ของคุณ ต้องใช้พารามิเตอร์ของออบเจ็กต์ name และ site_root เท่านั้น พารามิเตอร์อื่นๆ เป็นตัวเลือกที่ไม่บังคับ

ระบุ URL ของมุมมอง

นี่คือตัวอย่างของการฝังมุมมองเดียวกันโดยใช้ iframe ซึ่งแหล่งข้อมูลคือ URL ที่คุณจะได้รับเมื่อคลิกแชร์บนมุมมอง แล้วจึงคลิกคัดลอกลิงก์

ตัวอย่างของ Tableau Server

<iframe src="http://myserver/t/Sales/views/MyCoSales/SalesScoreCard
						?:embed=yes&:tabs=yes&:toolbar=yes" width="800" height="600"></iframe> 

ตัวอย่างของ Tableau Cloud

<iframe src="https://online.tableau.com/t/Sales/views/MyCoSales/SalesScoreCard
						?:embed=yes&:tabs=yes&:toolbar=yes" width="800" height="600"></iframe>

จำเป็นต้องใช้พารามิเตอร์ URL embed และคุณสามารถเลือกเพิ่มพารามิเตอร์ที่ควบคุมแถบเครื่องมือและและเปลี่ยนกลับตัวเลือกต่างๆ จากตัวเลือกอื่นๆ ได้ คุณสามารถเพิ่มตัวกรองลงใน URL ที่ควบคุมข้อมูลเฉพาะซึ่งจะแสดงเมื่อมีการโหลดข้อมูลพร็อพเพอร์ตี้ได้เช่นกัน

คำแนะนำ: เมื่อใช้วิธีการนี้ ให้เพิ่มแอตทริบิวต์ HTML allowfullscreen="true" ลงในองค์ประกอบ iframe เพื่อเปิดใช้งานปุ่ม “เต็มหน้าจอ” บนมุมมอง