xxxxxxxxxx
<html>
<head>
<title>Tableau GetData Test</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!-- <link rel="stylesheet" href="/resources/demos/style.css"> -->
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div class="page-header">
<h3>This demo will help to get underlying data from tableau visualization. You can get public dashboards from <a href="https://public.tableau.com/en-us/s/gallery" target="_blank">here.</a></h3>
</div>
URL of tableau dashboard:
<input id="tableauURL" type="text" value="" style="width:100%" />
<div id="tabs" style="display:none">
<ul>
<li><a href="#tabs-1">Visualization</a></li>
<li><a href="#tabs-2">Data</a></li>
</ul>
<div id="tabs-1">
<div id="vizContainer"></div>
</div>
<div id="tabs-2">
Worksheet Name :
<select id="menu"></select>
<div id="dataContainer">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script src="https://public.tableau.com/javascripts/api/tableau-2.js"></script>
<script type="text/javascript" src="index.js"></script>
</body>
</html>
https://code.jquery.com/jquery-2.2.4.min.js
https://code.jquery.com/ui/1.12.1/jquery-ui.js
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js
https://public.tableau.com/javascripts/api/tableau-2.js