100 lines
2.8 KiB
HTML
Executable File
100 lines
2.8 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<title>Tableau Test</title>
|
|
|
|
<!-- JQuery and JQuery UI -->
|
|
<script type="text/javascript" src="/js/libs/jquery-1.8.2.min.js"></script>
|
|
<script type="text/javascript" src="/libs/jquery-ui-1.8.23/js/jquery-ui-1.8.23.custom.min.js"></script>
|
|
|
|
<!-- tableau JS -->
|
|
<!-- <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/tableau_v8.js"></script> -->
|
|
<script type="text/javascript" src="/libs/tableau/tableau_v8.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var activeSheet;
|
|
var dashboard;
|
|
|
|
function initializeViz() {
|
|
var placeholderDiv = document.getElementById("tableauViz");
|
|
var url = "http://public.tableausoftware.com/views/WorldIndicators/GDPpercapita";
|
|
var options = {
|
|
width: placeholderDiv.offsetWidth,
|
|
height: placeholderDiv.offsetHeight,
|
|
hideTabs: true,
|
|
hideToolbar: true,
|
|
onFirstInteractive: function () {
|
|
workbook = viz.getWorkbook();
|
|
activeSheet = workbook.getActiveSheet();
|
|
/*
|
|
workbook.activateSheetAsync("GDP per Capita Dashboard")
|
|
.then(function(sheet) {
|
|
activeSheet = sheet;
|
|
});
|
|
*/
|
|
|
|
//filterSingleValue();
|
|
},
|
|
};
|
|
viz = new tableauSoftware.Viz(placeholderDiv, url, options);
|
|
}
|
|
|
|
function filterSingleValue() {
|
|
|
|
if (activeSheet.getWorksheets) {
|
|
var mapSheet;
|
|
workbook.activateSheetAsync(activeSheet.getName())
|
|
.then(function (sheet) {
|
|
dashboard = sheet;
|
|
//console.log(dashboard.getWorksheets());
|
|
mapsheet = dashboard.getWorksheets().get("Map of GDP per capita");
|
|
return mapsheet.applyFilterAsync("Region", "The Americas", tableauSoftware.FilterUpdateType.REPLACE);
|
|
})
|
|
.then(function () {
|
|
mapSheet.applyFilterAsync("YEAR(Date (year))", 2008, tableauSoftware.FilterUpdateType.REPLACE);
|
|
})
|
|
}
|
|
else if (activeSheet.applyFilterAsync) {
|
|
workbook.activateSheetAsync(activeSheet.getName())
|
|
.then(function (sheet) {
|
|
return sheet.applyFilterAsync("Region", "The Americas", tableauSoftware.FilterUpdateType.REPLACE);
|
|
})
|
|
.then(function () {
|
|
mapSheet.applyFilterAsync("Year(Date (year))", 2008, tableauSoftware.FilterUpdateType.REPLACE);
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
#tableauViz {
|
|
width: 1024px;
|
|
height: 768px;
|
|
padding: 5px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div id="tableauViz"></div>
|
|
|
|
<div>
|
|
<input type="button" value="Americas Only" onclick="filterSingleValue()" />
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
initializeViz();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |