Tableau Public 대시보드를 웹 응용 프로그램에 내장
내장 코드를 사용하여 웹 응용 프로그램에 Tableau 공개 대시보드를 내장하는 단계:
1. 로그인 자격 증명을 사용하여 Tableau Public에 로그인합니다.
![](https://s1.md5.ltd/image/1ba5b3af5dc0bf82a6c6378ef6fc196b.png)
2. Tableau public에 로그인한 후 기존 대시보드를 열고 "공유" 버튼을 클릭합니다.
![](https://s1.md5.ltd/image/ffe46c4995028c9633b7475bb10280f6.png)
3. “공유” 버튼을 클릭하면 공유 팝업 상자가 나타납니다.
![](https://s1.md5.ltd/image/2b024ed5792d572f972484fe8361c1ef.png)
4. 그런 다음 공유 팝업 상자에서 Embed 코드를 복사합니다. 간단한 HTML 파일 이름 Test.html을 만들고 복사한 Embed 코드를 HTML 파일의 <body> 태그에 붙여넣습니다.
아래는 참조용 샘플 HTML 코드입니다.
<html>
<head>
<title>Embedding Tableau public reports into the web application</title>
</head>
<body>
<div class='tableauPlaceholder' id='viz1609851260284' style='position: relative'>
<noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/Te/TeslaStockPrices_16097083454810/TeslaStockPrice/1_rss.png' style='border: none' /></a>
</noscript>
<object class='tableauViz' style='display:none;'>
<param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' />
<param name='embed_code_version' value='3' />
<param name='site_root' value='' />
<param name='name' value='TeslaStockPrices_16097083454810/TeslaStockPrice' />
<param name='tabs' value='no' /><param name='toolbar' value='yes' />
<param name='static_image' value='https://public.tableau.com/static/images/Te/TeslaStockPrices_16097083454810/TeslaStockPrice/1.png' />
<param name='animate_transition' value='yes' />
<param name='display_static_image' value='yes' />
<param name='display_spinner' value='yes' />
<param name='display_overlay' value='yes' />
<param name='display_count' value='yes' />
<param name='language' value='en' />
</object>
</div>
<script type='text/javascript'>
var divElement = document.getElementById('viz1609851260284');
var vizElement = divElement.getElementsByTagName('object')[0];
if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1300px';vizElement.style.height='927px';}
else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1300px';vizElement.style.height='927px';}
else { vizElement.style.width='100%';vizElement.style.height='2127px';}
var scriptElement = document.createElement('script');
scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
vizElement.parentNode.insertBefore(scriptElement, vizElement);
</script>
</body>
</html>
5. Test.html 파일을 저장하고 두 번 클릭합니다.
![](https://s1.md5.ltd/image/b3364ddd05a7efa88cc590b7d2298d52.png)
6. 브라우저에서 열리고 대시보드가 표시됩니다.
![](https://s1.md5.ltd/image/1099b45b56e6ce8512941f391aa1f761.png)
Tableau 공개 대시보드를 포함하는 간단한 예였습니다. 다양한 방법으로 웹 애플리케이션에서 Embed 코드를 사용할 수 있습니다.
내 Tableau Public 프로필을 확인하십시오Prashant Kamble.
Reference
이 문제에 관하여(Tableau Public 대시보드를 웹 응용 프로그램에 내장), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/prashantkamble93/embedding-tableau-public-dashboard-into-the-web-application-1pmf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)