个人中心
gpt4 book ai didi

用于 Tableau 的 Javascript API

转载 作者：行者123 更新时间：2023-11-30 16:04:42 26 4
gpt4 key购买 nike

我有一个画面工作簿

  • 2 张
    • 条形图(称为 BAR 的表格)
    • 饼图(称为 PIE 的表格)
  • 2 个仪表板
    • 条形图全屏(名为 FULLBAR 的工作表)
    • 饼图全屏(名为 FULLPIE 的工作表)

现在我正在尝试将它们加载到带有按钮的 HTML 页面中以在仪表板之间切换。我遵循了教程，它很好地拉入了初始仪表板 (FULLBAR)，但是仪表板的切换是我遇到问题的地方。

当单击链接进行切换时，我在控制台中收到此错误

Error: Sheet is not found in Workbook

这是我的代码(服务器显然 XXXX 出局了)

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Proof of Concept</title>
        <meta name="description" content="Proof of Concept">
        <meta name="author" content="thisDude">

        <script type="text/javascript" src="http://xxx.xxx.xxx.xxx:xxxx/javascripts/api/tableau-2.0.0.js"></script>

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>
    <div class='container'>
        <div class='row'>
            <div class='span3 col-xs-6'><img style="height:39px; width:100px;" src="logo.jpg" ></div>
            <h2 class='col-xs-6 span7 pagination-centered'>Proof of Concept</h2>
        </div>
        <div class='row'>
            <h3 class='offset3 span7 pagination-centered' id='sheetName'></h3>
        </div>
        <div class='row'>

            <!-- All of our work will happen here -->
            <!-- Viz located at http://xxx.xxx.xxx.xxx:xxxx/views/TEST_VIS2/FULLBAR -->
            <ul id = 'menu' class='nav nav-list offset1 span2'>
                <!-- This is the menu where we will add all of our buttons. -->
                <li class='nav-header'>Switching Views</li>
                <li><a onClick="switchView('FULLBAR')">Bar Chart</a></li>
                <li><a onClick="switchView('FULLPIE')">Pie Chart</a></li>                
            </ul>
            <div id='tableauViz'></div>
            <script>
            </script>


            <!-- This is the end of the section where we will do our work. -->
        </div>
    </div>
</body>
</html>

和我的 app.js 代码:

window.onload=function() {
    var vizDiv = document.getElementById('viz');
    var vizURL = "http://xxx.xxx.xxx.xxx:xxxx/views/TEST_VIS2/FULLBAR_1";
    var options = {
        width: '100%',
        height: '500px',
        hideToolbar: true,
        hideTabs: true
    };

    viz = new tableauSoftware.Viz (vizDiv, vizURL, options);
};

function switchView(sheetName) {
    workbook = viz.getWorkbook();
    workbook.activateSheetAsync(sheetName);
    console.log(sheetName);
    console.log(workbook + " workbook var");
    console.log(viz.getWorkbook() + " viz.getWorkbook var");
}

最佳答案

找到答案——

我最初发布到服务器时已取消选择“将工作表显示为选项卡”选项。我的 javascript 也使用 hideTabs: true。

这样做会导致 JS api 不知道工作表的名称。

通过在发布“将工作表显示为选项卡”期间选择该选项，API 能够正确切换可视化效果。 js 选项“hideTabs: true”仍然隐藏可视选项卡。

关于用于 Tableau 的 Javascript API，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37221624/

26 4 0
文章推荐： javascript - 修复列表中绝对定位的 div 标签的高度
文章推荐： c# - Powershell 使用来自 Add-Type 的 C# 代码使 shell 崩溃 (SystemParamtersInfo)
文章推荐： c - 应用程序结果受到另一个正在运行的应用程序的影响
文章推荐： c# - Windows 10 平板电脑模式下对话框显示在父级后面
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com