Tableau HTML嵌入式在Chrome中无法使用

我已将2个Tableau仪表板嵌入到我公司使用的内部网站中。当我在2天前添加它们时，我可以在Chrome中查看它们。但是，现在只有一个空白区域显示在他们曾经的页面上。如果我使用Internet Explorer 8打开页面，我仍然可以查看嵌入式仪表板。Tableau HTML嵌入式在Chrome中无法使用

您对嵌入代码为何停止工作有任何想法吗？

我删除了所有的cookies /浏览器历史记录。我能够直接访问仪表板（所以它似乎不是一个许可问题。）

<script type='text/javascript' src='***TABLEAUWORKBOOKURL***'></script> 
<div class='tableauPlaceholder' style='width: 1004px; height: 862px;'> 
<object class='tableauViz' width='1004' height='862' style='display:none;'> 
    <param name='host_url' value='https%3A%2F%2Ftableau.***COMPANYNAME***.org%2F' /> 
    <param name='site_root' value='&#47;t&#47;Sandbox' /> 
    <param name='name' value='***WORKBOOKNAME***' /> 
    <param name='tabs' value='yes' /> 
    <param name='toolbar' value='yes' /> 
</object> 
</div>

谢谢！

来源

2014-11-06 Alex

查看浏览器控制台窗口，看看是否有任何错误消息。另请注意，脚本src标记应引用Tableau JavaScript文件（而不是工作簿url）。 – jdigital 2014-11-14 05:54:05

谢谢！奇怪的是，它现在正在工作......但我什么也没做。如果它再次发生，这是非常好的故障排除建议，尤其是因为它是面向公众的（当然，它面临的不仅仅是我的部门）（是的，我不是指URL ......我很不熟悉因此，非常感谢你解释这个部分实际上在做什么。） – Alex 2014-11-18 18:46:09

还有一件事：尽管我喜欢StackOverflow，但[Tableau社区论坛]（http://community.tableausoftware.com/community/forums）是一个更好的地方让Tableau问题得到解答。 – jdigital 2014-11-18 22:55:10

希望这会帮助你。

<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title></title>   
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.js"></script> 
      <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-ui-bootstrap/0.5pre/assets/js/jquery-ui-1.10.0.custom.min.js"></script> 
      <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/tableau_v8.js"></script> 
      <script type="text/javascript"> 
       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(); 
        } 
        }; 
        viz = new tableauSoftware.Viz(placeholderDiv, url, options); 
        } 


function filterSingleValue() { 
    activeSheet.applyFilterAsync(
    "Region", 
    "The Americas", 
    tableauSoftware.FilterUpdateType.REPLACE); 
} 

       function clearFilters() { 
    activeSheet.clearFilterAsync("Region"); 
    activeSheet.clearFilterAsync("F: GDP per capita (curr $)"); 
} 
      </script> 
      <style> 
       #tableauViz 
       { 
        height: 800px; 
        width: max-content; 
       } 
      </style> 
    </head> 
    <body> 
     <div id="tableauViz"> 
        <p> 
        <button onclick="$(initializeViz);">Run this code</button> 
        </p> 
        <p> 
        <button onclick="$(filterSingleValue);">Filter View</button> 
        </p> 
        <p> 
        <button onclick="$(clearFilters);">Load Default</button> 
        </p> 
     </div> 
    </body> 
</html>

我已创建了id作为tableauViz一个div，我映射画面工作簿和其所需的参数加载使用JavaScript的初始即

这种方法适用于我。

来源

2017-03-22 14:21:02

Tableau HTML嵌入式在Chrome中无法使用

回答

相关问题