📜  tableau js api - Javascript (1)

📅  最后修改于: 2023-12-03 15:05:27.771000             🧑  作者: Mango

Tableau JS API - Javascript

Tableau JS API是一个可以用于JavaScript应用程序中嵌入Tableau数据可视化的库,它提供了一个简单易用的接口,使开发者可以利用Tableau Server或Tableau Online的特性,向应用程序添加丰富的数据可视化。

基本功能
  • 在Web应用程序中嵌入Tableau工作簿和工作表
  • 在Web应用程序中嵌入Tableau仪表板
  • 开始和停止异步加载流程
  • 与Tableau Server和Tableau Online通信
示例代码

下面是一段加载Tableau工作表的示例代码:

// 1. 创建一个包含Tableau server信息的对象
var serverInfo = {
    server: 'http://my.tableau.server',
    username: 'myusername',
    password: 'mypassword',
    site: 'mysite'
};

// 2. 创建Workbook对象和Viz对象
var workbook;
var viz;

// 3. 创建一个全局范围内的函数,用于初始化Viz对象
function initViz() {
    viz = new tableau.Viz(document.getElementById('myViz'), serverInfo.url, {
        hideTabs: true
    });
}

// 4. 创建初始化Tableau工作簿的函数
function initWorkbook() {
    tableau.extensions.initializeAsync().then(function() {
        // 获取Tableau server上指定的工作簿
        tableau.extensions.dashboardContent.dashboard.getWorksheets()[0].getUnderlyingDataAsync().then(function(result) {
            workbook = result;
            initViz();
        });
    });
}

// 5. 调用初始化函数
initWorkbook();

以上代码将Tableau工作簿嵌入到一个id为'myViz'的div中,其中用户名和密码已替换为实际值。

结论

Tableau JS API对于构建交互式和动态的数据可视化应用程序来说是一个非常有用的工具。它提供了一个简单而易于使用的接口,使开发人员使用Tableau Server或Tableau Online的特性来创建丰富的可视化。 尤其是对于那些需要在Web应用程序中显示大量数据的企业和组织来说,这个库可以使他们的Web应用程序更具洞察力和现实意义。