在前端开发中，数据可视化和 BI （商务智能）是非常重要的一环。但是在构建这类应用时，我们需要许多工具和库才能完成所需功能。这时，npm 包 @gooddata/gooddata-js 就成为了我们的重要选择之一。
什么是 npm 包 @gooddata/gooddata-js
npm 包 @gooddata/gooddata-js 是一个 JavaScript 库，可用于访问 GoodData 平台的 API 和数据对象。GoodData 是一家数据分析与 BI 方案提供商，提供商业智能分析解决方案，企业数据仪表板等服务，因此这个库非常适合用于数据可视化和 BI 实现。
如何使用 @gooddata/gooddata-js
使用 npm 包 @gooddata/gooddata-js 首先需要安装它： npm install @gooddata/gooddata-js
一、登陆 GoodData 平台
使用 @gooddata/gooddata-js 前，需要登录 GoodData 平台，拥有一定的角色和权限。
import { AuthenticatedPrincipal, SsoAuth } from "@gooddata/gooddata-js";
const principal = await AuthenticatedPrincipal.login(new SsoAuth("https://secure.gooddata.com", {
domain: "domainName",
username: "e-mail",
password: "password",
}));二、获取数据对象
GoodData 平台提供了一些有用的数据对象，如度量、属性、数据集等。使用 @gooddata/gooddata-js 帮助我们访问这些对象。
-- -------------------- ---- -------
------ - --- - ---- ------------------------
----- ---- -------- - -
--------- -
-
---------------- -----
----------- -
-------- -
----- -
---- ----------------------------------------
--
--
--
------ --------------
--
--
--三、渲染你的数据（最基础的数据可视化）
在获取了数据之后，我们需要使用它在 GoodData 平台上进行数据可视化和 BI 分析。这时， @gooddata/gooddata-js 可以帮助我们渲染数据，并显示在浏览器上。
-- -------------------- ---- -------
------ - ------------------- - ---- ------------------------
----- ------------------- - ------------------------------
-------- -
------------------- -
---- ----------------------------------------------------
--
-------- -
-
---------------- -----------
------ -
-
---------------- -----
------ --------------
---- ----------------------------------------
----- ---------
--
--
--
-
---------------- -------
------ -
-
---------------- -----
------ ------------
---- ------------------------------------------
----- ------------
--
--
--
--
--
---渲染出来的数据可以在浏览器上通过 iframe 嵌入到应用中，实现数据展示。具体实现代码如下：
-- -------------------- ---- -------
----- ----------- - ------------------------------
----- ---------------- - -------------------------------
-------------------------- -- -
----- --- - -----------------------------------------------------------------
----- ------ - ---------------------------------
---------- - ----
------------ - --------- --------
------------------ - -------
------------------- - --------
----------------------------------
---总结
使用 @gooddata/gooddata-js 构建数据可视化和 BI 应用，是非常简单和高效的方式。本篇文章详细地介绍了 @gooddata/gooddata-js 的应用过程，并提供了相应代码示例。希望读者可以在实践中体验到它的强大和便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/they-they-js