Weitere ähnliche Inhalte Ähnlich wie Embedding with Tableau Server (20) Kürzlich hochgeladen (20) Embedding with Tableau Server2. Tableau Embedding and Branding
Russell Christopher
Sales Consultant – OEM / Channel
2007 © Tableau Software – All rights reserved
3. Agenda
• Embedding: URL or JavaScript?
• Embedding and Filtering: The Basics
• Embedding and Filtering via
Objects/JavaScript
• Fun with JavaScript
• But wait, there‟s more!
2007 © Tableau Software – All rights reserved
4. Demo – Frame/URL & Object Embedding
PowerPoint is Boring
2007 © Tableau Software – All rights reserved
5. Frames/URLs or Objects?
Thinking about which
technique to use takes
longer than using one
2007 © Tableau Software – All rights reserved
6. Frames/URLs
Pro Con
• Host application • “Manual” control
may not support only
JavaScript • Can‟t control load
• Very, very easy order
2007 © Tableau Software – All rights reserved
7. Object/JavaScript
Pro Con
• Tableau‟s • You might need
JavaScript API some JavaScript
• Control load order know-how
• Easier to eyeball • More verbose
• Additional “fun
stuff”
2007 © Tableau Software – All rights reserved
9. URL Embed Parameters
• This parameter is required
• Hides top navigation area
• Allows VizQL to do
:embed authentication
• Valid value: yes
• URL Parameter Only
http://server/views/wb/sheet?:embed=yes
2007 © Tableau Software – All rights reserved
10. URL Embed Parameters
• Hides “Remember my
changes” option
• Valid value: no
:customViews
http://server/views/wb/sheet?:embed=yes&:customViews=no
2007 © Tableau Software – All rights reserved
11. URL Embed Parameters
• Hides “Share” option
• Valid value: yes,no
:display_share
http://server/views/wb/sheet?:embed=yes&:display_share=no
2007 © Tableau Software – All rights reserved
12. Embed Parameters
• Renders view as PDF or
Image (PNG)
• Valid values: pdf, png
:format • URL Parameter Only
http://server/views/wb/sheet?:embed=yes&:format=png
2007 © Tableau Software – All rights reserved
13. Embed Parameters
• Controls how external
hyperlinks in view are
opened:
• Valid values:
:linktarget • _blank
• _self
http://server/views/wb/sheet?:embed=yes&:linktarget=_blank
2007 © Tableau Software – All rights reserved
14. _blank vs. _self
_blank
Popup Blocker
_self
2007 © Tableau Software – All rights reserved
15. URL Embed Parameters
• Re-renders the view
• Use to get up-to-date data in
conjunction w/ :embed
:refresh • Values: yes, no
• URL Parameter Only
http://server/views/wb/sheet?:embed=yes&:refresh=yes
2007 © Tableau Software – All rights reserved
16. URL Embed Parameters
• Returns “Value” to it‟s
original state
:revert • Values:
• all : revert everything
• filters : revert filters
• sorts : reverts sorts
• axes : reverts axes
• shelves: revert shelves
http://server/views/wb/sheet?:embed=yes&:revert=axes
2007 © Tableau Software – All rights reserved
17. URL Embed Parameters
• Display or hide tabs
• Values: yes, no
:tabs
http://server/views/wb/sheet?:embed=yes&:tabs=no
2007 © Tableau Software – All rights reserved
18. URL Embed Parameters
• Display or hide the toolbar
• Values: yes, no, top
:toolbar
http://server/views/wb/sheet?:embed=yes&:toolbar=no
2007 © Tableau Software – All rights reserved
19. URL Embed Parameters
The Basics:
“Show me sheet foo from
workbook bar with no
toolbar or tabs”
2007 © Tableau Software – All rights reserved
20. URL Embed Parameters
http://./views/bar/foo?
:embed=yes&:toolbar=no&
:tabs=no*
*Is this the worst use of color you‟ve ever seen, or what?
2007 © Tableau Software – All rights reserved
21. URL Embed Parameters
The Basics:
“Show me sheet foo from
workbook bar rendered as an
image with un-cached data”
2007 © Tableau Software – All rights reserved
22. URL Embed Parameters
http://./views/bar/foo?
:embed=yes&:format=png&
:refresh=yes
2007 © Tableau Software – All rights reserved
23. Filtering on the URL
Dimension / Parameter
=Value[s]
http://./views/wb/sheet?:embed=yes&Region=North
http://./views/wb/sheet?:embed=yes&Region=North,West
http://./views/wb/sheet?:embed=yes&Product=3&Color=Red
2007 © Tableau Software – All rights reserved
24. Filtering on the URL
Don‟t forget to encode as
necessary
http://./views/wb/sheet?:embed=yes&Name=Bill%20Gates
2007 © Tableau Software – All rights reserved
25. Filtering on the URL - Measures
No Ranges
No Greater Than
No Less Than
http://./views/wb/sheet?:embed=yes&Sales=300
2007 © Tableau Software – All rights reserved
26. Filtering on the URL - Measures
Consider Parameters in a
Calculated Fields as a filter
http://./views/wb/sheet?:embed=yes&s1=300&s2=1000
[Sales] >= [Parameters].[s1] AND
[Sales] <= [Parameters].[s2]
2007 © Tableau Software – All rights reserved
27. Filtering on the URL – Dates / Times
Must be sumbitted as:
yyyy-mm-dd hh:mm:ss
http://./views/wb/sheet?:embed=yes&Date=2011-02-17
/views/wb/sheet?:embed=yes&Date=2011-02-17%2013:02:05
Must be 24-hour clock
format
2007 © Tableau Software – All rights reserved
28. Filtering on the URL
Save you some
time reminder:
Don‟t forget the : in front of
your parameters
2007 © Tableau Software – All rights reserved
30. Object Parameters
• (Generally) Required for
Object Parameters
host_url • Your server name
• Object Parameter only
<object…>
<parameter name= “filter”
value=“http://foo.com” />
</object>
2007 © Tableau Software – All rights reserved
31. Object Parameters
• Required for Object
Parameters
site_root • Defines name of site to
communicate with
• Default site value = zero
length string
• Object Parameter only
<object…>
<parameter name= “site_root” value=“” />
</object>
2007 © Tableau Software – All rights reserved
32. Object Parameters
• Required for Object
Parameters
name • Defines workbook & sheet
name to be viewed
• Can point to a custom view
(username@domain/[viewna
me]
• Object Parameter only
<object…>
<parameter name= “name”
value=“WorkbookName/SheetName” />
</object>
2007 © Tableau Software – All rights reserved
33. Object Parameters
• Controls embedded <object>
view rendering order when
load-order multiple <objects> exist in
the same page
• Valid values – number
• Object Parameter only
<object…>
<parameter name= “load-order” value=“4” />
</object>
2007 © Tableau Software – All rights reserved
34. Object Parameters
• Shows or hides tabs
• Valid values: yes, no
tabs
<object…>
<parameter name= “tabs” value=“yes” />
</object>
2007 © Tableau Software – All rights reserved
35. Object Parameters
• Show or hide the toolbar
• Valid values: yes, no, top
toolbar
<object…>
<parameter name= “toolbar” value=“no” />
</object>
2007 © Tableau Software – All rights reserved
36. What does this do?
<html>
<head/>
<body>
<script type="text/javascript"
src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px;
height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;">
<object class="tableauViz" width="654" height="1469">
<param name="host_url" value="http://public.tableausoftware.com/"/>
<param name="site_root" value="" />
<param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" />
<param name="tabs" value="no" />
<param name="toolbar" value=“yes" />
</object>
</div>
</body>
</html>
2007 © Tableau Software – All rights reserved
38. Object Parameters
• Hides “Remember my
changes” option
customViews • Valid value: no
<object…>
<parameter name= “customViews” value=“no” />
</object>
2007 © Tableau Software – All rights reserved
39. Object Parameters
• Hides “Share” option
• Valid value: yes, no
display_share
<object…>
<parameter name= “display_share” value=“no” />
</object>
2007 © Tableau Software – All rights reserved
40. Object Parameters
• Controls how external
hyperlinks in view are
linktarget opened
• Valid values:
• _blank
• _self
<object…>
<parameter name= “linktarget”
value=“_self” />
</object>
2007 © Tableau Software – All rights reserved
41. Object Parameters
• Specifies the trusted ticket to
present to Tableau Server
ticket • Cannot be used with path
parameter
• Must be used with name
parameter
• Valid value: a number
• Object Parameter only
<object…>
<parameter name= “ticket” value=“987651124” />
</object>
2007 © Tableau Software – All rights reserved
42. Object Parameters
• Only to be use with trusted
authentication
path • Overrides name parameter
• Can‟t be used with ticket
parameter
• Can also include site
information
• Object Parameter only
<object…>
<parameter name= “path”
value=“trusted/123456789/views/wb/sheet”/>
</object>
2007 © Tableau Software – All rights reserved
43. Object Parameters
• Filters view
• Filter by string, numbers,
filter datetime, measure values
• Object Parameter only
<object…>
<parameter name= “filter” value=“Region=East,West” />
</object>
2007 © Tableau Software – All rights reserved
44. Filtering an Object
<html>
<head/>
<body>
<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left:
0px; width: 100%; margin-left: 76px;">
<object class="tableauViz" width="654" height="1469">
<param name="host_url" value="http://public.tableausoftware.com/"/>
<param name="site_root" value="" />
<param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" />
<param name="tabs" value="no" />
<param name="toolbar" value="no" />
<param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/>
</object>
</div>
</body>
</html>
2007 © Tableau Software – All rights reserved
45. Filtering an Object - Measures
Consider Parameters in a
Calculated Fields as a filter
http://./views/wb/sheet?:embed=yes&s1=300&s2=1000
[Sales] >= [Parameters].[s1] AND
[Sales] <= [Parameters].[s2]
2007 © Tableau Software – All rights reserved
46. Filtering an Object - Measures
<html>
<head/>
<body>
<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left:
0px; width: 100%; margin-left: 76px;">
<object class="tableauViz" width="654" height="1469">
<param name="host_url" value="http://public.tableausoftware.com/"/>
<param name="site_root" value="" />
<param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" />
<param name="tabs" value="no" />
<param name="toolbar" value="no" />
<param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/>
<param name="filter" value =“s1=300"/>
<param name="filter" value =“s2=310"/>
</object>
</div>
</body>
</html>
2007 © Tableau Software – All rights reserved
47. Filtering an Object – Date / Time
<html>
<head/>
<body>
<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left:
0px; width: 100%; margin-left: 76px;">
<object class="tableauViz" width="654" height="1469">
<param name="host_url" value="http://public.tableausoftware.com/"/>
<param name="site_root" value="" />
<param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" />
<param name="tabs" value="no" />
<param name="toolbar" value="no" />
<param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/>
<param name="filter" value ="BeginDate=2009-01-01"/>
<param name="filter" value ="EndDate=2009-05-01%2015:00:00"/>
</object>
</div>
</body>
</html> Must be 24-hour clock format
2007 © Tableau Software – All rights reserved
48. JavaScript
JavaScript fun!!!
2007 © Tableau Software – All rights reserved
49. JavaScript and the URL
Use JavaScript to re-write
the URL on your iframe‟s
.Location
2007 © Tableau Software – All rights reserved
50. JavaScript and the URL
<html>
<head/>
<body>
<script>
function HideToolbar()
{
window.f1.location="http://server/views/WB/S?:embed=y&:toolbar=no";
}
</script>
<div>
<input type="button" id="Button1" value="Click to hide Toolbar" onclick="HideToolbar()" />
</div>
<iframe name=“f1”
src="http://server/views/WB/S?:embed=y">
</iframe>
</body>
</html>Tableau Software – All rights reserved
2007 ©
51. JavaScript and the URL
<html>
<head/>
<body>
<script>
function FilterMe()
{
window.f1.location="http://server/views/WB/S?:embed=y&ClientName=EuroRail";
}
</script>
<div>
<input type="button" id="Button1" value="Click to hide Toolbar" onclick=“FilterMe()" />
</div>
<iframe name=“f1”
src="http://server/views/WB/S?:embed=y">
</iframe>
</body>
</html>Tableau Software – All rights reserved
2007 ©
52. This isn’t a JavaScript class, but….
Cross-frame scripting
operations are restricted by
“Same Origin Policy”
2007 © Tableau Software – All rights reserved
53. JavaScript and the Object
Use the JavaScript API to
manipulate the viz
2007 © Tableau Software – All rights reserved
54. JavaScript and the Object
refresh()
revert()
show()
hide()
filter()
2007 © Tableau Software – All rights reserved
55. JavaScript and the Object
<html>
<head/>
<body>
<script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script>
<div>
<input type="button" id="Button1" value="Show Viz" onclick="ShowHideViz('Show')" />
<input type="button" id="Button2" value="Hide Viz" onclick="ShowHideViz('Hide')" />
</div>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;">
.
</div>
<script>
function ShowHideViz( WhatToDo ){
var viz = window.tableau.vizs[0];
if( WhatToDo ==="Show")
{
viz.show();
}
else
{
viz.hide();
}
}
</script>
</body>
</html>
2007 © Tableau Software – All rights reserved
56. JavaScript and the Object
<html>
<head/>
<body>
<script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script>
<div>
<input type="button" id="Button1" value=“Refresh" onclick="RefreshRevert(„Refresh')" />
<input type="button" id="Button2" value=“Revert" onclick=“RefreshRevert(„Revert')" />
</div>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;">
.
</div>
<script>
function RefreshRevert( WhatToDo ){
var viz = window.tableau.vizs[0];
if( WhatToDo ===“Refresh")
{
viz.refresh();
}
else
{
viz.revert();
}
}
</script>
</body>
</html>Tableau Software – All rights reserved
2007 ©
57. JavaScript and the Object
<html>
<head/>
<body>
<script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script>
<div>
<input type="button" id="Button1" value="EuroRail Only" onclick="FilterStuff('EuroRail')" />
<input type="button" id="Button2" value="All Railroads" onclick="FilterStuff('All')" />
</div>
<div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;">
.
</div>
<script>
function FilterStuff ( WhatToDo ){
var viz = window.tableau.vizs[0];
var myFilter = {}; //same as "new Object()"
myFilter["Client_Name"] = []; //same as "new Array()"
if(WhatToDo==="EuroRail") {
myFilter["Client_Name"].push('EuroRail');
}
else
{
myFilter["Client_Name"].push('EuroRail');
myFilter["Client_Name"].push('US Rail');
}
viz.filter(myFilter);
}
</script>
</body>© Tableau Software – All rights reserved
2007
</html>
58. Other Goodness
Turn Share Off
Globally
tabadmin set vizqlserver.showshare false
2007 © Tableau Software – All rights reserved
59. Other Goodness
Turn
Download
Off
Globally
tabadmin set vizqlserver.showdownload false
2007 © Tableau Software – All rights reserved
60. Change Server Logo & Login Text:
Change
Logo &
Login Text
tabadmin customize name “Generic Company”
tabadmin customize logo “c:mylogo.gif”
2007 © Tableau Software – All rights reserved
61. Other Goodness - Undocumented
Additional object
parameters were built for
Tableau Public
2007 © Tableau Software – All rights reserved
62. Other Goodness - Undocumented
Many of these work in
“normal” Tableau Server
2007 © Tableau Software – All rights reserved
63. Other Goodness - Undocumented
Use at your own risk!
2007 © Tableau Software – All rights reserved
64. Other Goodness - Undocumented
static_image
display_static_image
animate_transition
display_overlay
display_spinner
2007 © Tableau Software – All rights reserved
Hinweis der Redaktion Demo embedding via frames and objects using notepad Generally it makes sense to use JavaScript/object embedding if you can. It’s more versatile. Object/JavaScript embedding supports more parameters you can use to control the look/feel/behavior of your work. While it is more verbose, once you organize the <parameter> elements, it is much easier to read and modify than a URL is What is an axes revert?: Example: in a Server-rendered scatterplot viz, you begin zooming (not filtering) into a particular area of the chart. After examining whatever you care about, you want to see the whole chart with all data points again (zoom out): :revert=axes will get you there.What is shelves revert: You have a hierarchy on your Rows shelf, so in Server the user has the ability to start expanding that hierarchy out with our “+” symbols…You now want to close all this stuff in one fell swoop – revert=shelves is your friend. :toolbar=top displays toolbar at top of viz, else it shows at the bottom. There is specific “bottom” option. At some point, you’ll forget to add : to :toolbar or :tabs or :filter and waste tons of time trying to troubleshoot why Tableau isn’t working right. Tableau is working right. You aren’t. 75% of Dentists surveyed say they forget the : all the time, so this is the first thing you should look for. When using the <param name=“toolbar” value=“top”>, the toolbar will display at the top of the viz instead of underneath This object hits the public.tableausoftware.com serverIt also hits the “default” site of public – which doesn’t mean much, since public doesn’t “do” multi-tenancy, but whateverIt grabs the AnalyticsInc view from the AnalyticsIncJavaScript workbookIt shows us this sucker without tabs and with a toolbar Site specific path:<object…> <parameter name= “path” value=“trusted/123456789/t/Site2/views/wb/sheet”/></object> <html><head/><body><script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://public.tableausoftware.com/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> <param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/> </object></div></body></html> <html><head/><body><script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://public.tableausoftware.com/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> <param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/> </object></div></body></html> <html><head/><body><script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://public.tableausoftware.com/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsIncJavaScript/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> <param name="filter" value ="ClientName=Big%20Air%20Domestic,Big%20Air%20International"/> <param name="filter" value ="BeginDate=2009-01-01"/> <param name="filter" value ="EndDate=2009-05-01%2015:00:00"/> </object></div></body></html> <html><head/><body> <script> function HideToolbar() { var frame=window.f1; window.f1.location="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y&:toolbar=no"; } </script> <div> <input type="button" id="Button1" value="Click to hide Toolbar" onclick="HideToolbar()" /> </div> <iframe width="820" height="630" id="f1" name="f1" frameBorder="0" src="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y"></iframe></body></html> <html><head/><body> <script> function HideToolbar() { var frame=window.f1; window.f1.location="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y&:toolbar=no"; } </script> <div> <input type="button" id="Button1" value="Click to hide Toolbar" onclick="HideToolbar()" /> </div> <iframe width="820" height="630" id="f1" name="f1" frameBorder="0" src="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y"></iframe></body></html> <html><head/> <body> <script> function FilterMe() { var frame=window.f1; window.f1.location="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y&ClientName=EuroRail"; } </script> <div> <input type="button" id="Button1" value="Filter Me" onclick="FilterMe()" /> </div> <iframe width="820" height="630" id="f1" name="f1" frameBorder="0" src="http://public.tableausoftware.com/views/AnalyticsIncJavaScript/AnalyticsInc?:embed=y"></iframe> </body></html> <html><head/><body><script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script> <div> <input type="button" id="Button1" value="Show Viz" onclick="ShowHideViz('Show')" /> <input type="button" id="Button2" value="Hide Viz" onclick="ShowHideViz('Hide')" /> </div><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://tableau.russellchristopher.org/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsInc/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> </object></div><script>function ShowHideViz(WhatToDo){ var viz = window.tableau.vizs[0]; if(WhatToDo==="Show") { viz.show(); } else { viz.hide(); }}</script></body></html> <html><head/><body><script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script> <div> <input type="button" id="Button1" value="Refresh" onclick="RefreshRevert('Refresh')" /> <input type="button" id="Button2" value="Revert" onclick="RefreshRevert('Revert')" /> </div><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://tableau.russellchristopher.org/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsInc/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> </object></div><script>function RefreshRevert(WhatToDo){ var viz = window.tableau.vizs[0]; if(WhatToDo==="Refresh") {viz.refresh(); } else {viz.revert(); }}</script></body></html> <html><head/><body><script type="text/javascript" src="http://tableau.russellchristopher.org/javascripts/api/viz_v1.js"></script> <div> <input type="button" id="Button1" value="EuroRail Only" onclick="FilterStuff('EuroRail')" /> <input type="button" id="Button2" value="All Railroads" onclick="FilterStuff('All')" /> </div><div class="tableauPlaceholder" id="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px;"> <object class="tableauViz" width="654" height="1469"> <param name="host_url" value="http://tableau.russellchristopher.org/"/> <param name="site_root" value="" /> <param name="name" value="AnalyticsInc/AnalyticsInc" /> <param name="tabs" value="no" /> <param name="toolbar" value="no" /> </object></div><script>function FilterStuff (WhatToDo){ var viz = window.tableau.vizs[0]; var myFilter = {}; //same as "new Object()"myFilter["Client_Name"] = []; //same as "new Array()" if(WhatToDo==="EuroRail") {myFilter["Client_Name"].push('EuroRail'); } else {myFilter["Client_Name"].push('EuroRail');myFilter["Client_Name"].push('US Rail'); }viz.filter(myFilter);}</script></body></html> Except for static_image, all of these are yes, nostatic_image – a URL to a static image (generally of the already-rendered viz) while “real” viz is being rendered. This is often used in conjunction with the SAME image being added to the tableauPlaceholder div ala:<div class="tableauPlaceholder" style="width:654px; height:1469px; top: 0px; left: 0px; width: 100%; margin-left: 76px; background-image: url('http://tableau.russellchristopher.org:81/Background.gif‘;">)display_static_image – do we DISPLAY that static image? (Note that if a background image is specified in the <div>, the div will show “its background image” regardless of this setting. This setting pertains to the <object> only.animate_transition – do we “fade” into the fully rendered viz?display_overlay – do we display a smoked-glass-like overlay on the viz while it is being rendered?display_spinner – do we display the “rendering spinner”