javascript - 使嵌入式 Tableau 具有响应能力

Question

使嵌入式 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>

嵌入网页时，它不响应。

如何使其响应式？

Answer 1

我假设您只希望嵌入到网站中的画面 View 具有响应能力？

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

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