145 lines
4.4 KiB
HTML
Executable File
145 lines
4.4 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 ticket = "ddff8f7358c8e2fa7a3dc30b157df8f";
|
|
//var url = "http://public.tableausoftware.com/views/WorldIndicators/GDPpercapita";
|
|
|
|
//var url = "http://data.rockstargames.com/views/ToolsTest/VehicleDash";
|
|
//var url = "https://data.rockstargames.com/trusted";
|
|
|
|
//var url = "http://data.rockstargames.com/views/WeatherReports/WeatherOverTimeMP";
|
|
|
|
//var url = "http://data.rockstargames.com/views/WeatherReport-ParameterTrial/MPTotalWeatherPie";
|
|
var url = "http://data.rockstargames.com/views/WeatherReports-FilterTrial/MPTotalWeatherPie";
|
|
|
|
/*
|
|
$.ajax({
|
|
url: url,
|
|
type: "POST",
|
|
data: {
|
|
username: "svcrsgewrTableauViewer",
|
|
server: url,
|
|
//target_site: url,
|
|
},
|
|
dataType: "jsonp",
|
|
contentType: "application/json",
|
|
async: "false",
|
|
|
|
success: function(data, textStatus, jqXHR) {
|
|
console.log(data);
|
|
},
|
|
//error: function (xhr, ajaxOptions, thrownError) {
|
|
// Sexy.alert(this.url + "\n" + ajaxOptions + " " + xhr.status + " " + thrownError);
|
|
//}
|
|
});
|
|
*/
|
|
|
|
var options = {
|
|
width: placeholderDiv.offsetWidth,
|
|
height: placeholderDiv.offsetHeight,
|
|
hideTabs: true,
|
|
hideToolbar: true,
|
|
onFirstInteractive: function () {
|
|
workbook = viz.getWorkbook();
|
|
activeSheet = workbook.getActiveSheet();
|
|
//filterSingleValue();
|
|
},
|
|
};
|
|
|
|
//viz = new tableauSoftware.Viz(placeholderDiv, url + "/" + ticket + "/views/ToolsTest/VehicleDash", options);
|
|
viz = new tableauSoftware.Viz(placeholderDiv, url, options);
|
|
}
|
|
|
|
function filterSingleValue() {
|
|
if (activeSheet.getWorksheets) {
|
|
|
|
//console.log(activeSheet.getWorkbook().getParametersAsync());
|
|
//console.log(activeSheet.getParametersAsync());
|
|
|
|
$.each(activeSheet.getWorksheets(), function(i, sheet) {
|
|
sheet.getFiltersAsync();
|
|
});
|
|
|
|
workbook.activateSheetAsync(activeSheet.getName())
|
|
.then(function (sheet) {
|
|
dashboard = sheet;
|
|
//console.log(dashboard.getWorksheets());
|
|
category = dashboard.getWorksheets().get("Vehicle Distance (Category)");
|
|
//category.selectMarksAsync("Platform", "PS3", tableauSoftware.SelectionUpdateType.REPLACE);
|
|
category.applyFilterAsync("Platform", "PS3", tableauSoftware.FilterUpdateType.REPLACE);
|
|
return dashboard;
|
|
})
|
|
}
|
|
else if (activeSheet.applyFilterAsync) {
|
|
console.log("here");
|
|
|
|
//console.log(workbook.getParametersAsync());
|
|
//console.log(activeSheet.getFiltersAsync());
|
|
activeSheet.getFiltersAsync().then(function(d) { console.log(d); });
|
|
|
|
//workbook.activateSheetAsync(activeSheet.getName())
|
|
// .then(function (sheet) {
|
|
// return sheet.getWorkbook().changeParameterValueAsync("Build", "372.0");
|
|
// });
|
|
|
|
workbook.activateSheetAsync(activeSheet.getName())
|
|
.then(function (sheet) {
|
|
return sheet.applyFilterAsync("Platform", "PS3", tableauSoftware.FilterUpdateType.REPLACE);
|
|
//return sheet.applyFilterAsync("Build", "372.0", tableauSoftware.FilterUpdateType.REPLACE);
|
|
})
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
#tableauViz {
|
|
width: calc(100% - 10px);
|
|
height: 800px;
|
|
min-height: 600;
|
|
padding: 5px;
|
|
overflow-y: hidden;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div id="tableauViz"></div>
|
|
|
|
<div>
|
|
<input type="button" value="PS3 Only" onclick="filterSingleValue()" />
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
initializeViz();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |