使嵌入式Tableau响应

时间:2015-08-05 16:45:42

标签: javascript css tableau

使嵌入式Tableau响应

http://www.tableau.com/learn/gallery/company-performance

嵌入代码如下:

<script type='text/javascript' src='http://public.tableau.com/javascripts/api/viz_v1.js'></script>
<div class='tableauPlaceholder' style='width: 944px; height: 789px;'>
<noscript>
<a href='http:&#47;&#47;www.tableau.com&#47;learn&#47;gallery'>
<img alt='Tale of 100 Entrepreneurs  ' src='http:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;Ta&#47;Tale-of-100-Entrepreneurs_14&#47;Taleof100Entrepreneurs&#47;1_rss.png' style='border: none' />
</a>
</noscript>
<object class='tableauViz' width='944' height='789' style='display:none;'>
<param name='host_url' value='http%3A%2F%2Fpublic.tableau.com%2F' /> 
<param name='site_root' value='' />
<param name='name' value='Tale-of-100-Entrepreneurs_14&#47;Taleof100Entrepreneurs' />
<param name='tabs' value='no' /><param name='toolbar' value='yes' />
<param name='static_image' value='http:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;Ta&#47;Tale-of-100-Entrepreneurs_14&#47;Taleof100Entrepreneurs&#47;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='showVizHome' value='no' />
<param name='showVizHome' value='no' />
<param name='showTabs' value='y' />
</object>
</div>

当嵌入到网页中时,它没有响应。

如何使其响应?

1 个答案:

答案 0 :(得分:2)

我假设您只想要在网站中嵌入的画面视图做出响应?

如果是,请将仪表板的大小设置为“自动”。这将允许仪表板根据div显示的大小自动调整其大小。

enter image description here

要使div响应,请为div创建一个css。