Qlik Playground 可视化入门指南

Qlik Playground 是一个免费的编程环境,由数据分析和可视化软件公司 Qlik 提供。它允许用户尝试使用 Qlik 的强大技术来构建可视化图表、仪表板和Web应用程序,以便探索和洞察数据。本文将引导了解如何使用 Qlik Playground 和可视化API来创建交互式数据可视化图表。

可视化API简介

Playground 的可视化API是“能力API”集合的一部分。这些是JavaScriptAPI,允许将 Qlik 图表和可视化嵌入到网页中。可以使用可视化API,仅用几行代码就能利用 Qlik 的可视化库。

这个库中的可视化是完全交互式的,因此不需要编写任何额外的代码。在后台,Qlik 的分析引擎会负责维护关联、状态选择和数据关系。这一切都是在内存中完成的,因此速度非常快。

开始使用

要开始使用,可以从 GitHub 下载一个能力API模板,这可以让跳过通常的认证和连接步骤。它还为提供了一个很好的起点,包括 HTML 页面。

需要安装 Node.js,安装完成后,将能够在本地机器上通过6个简单的步骤运行项目。

  1. 从 Playground 选择一个样本数据集并点击 "Try it out"。
  2. 从 "Templates" 部分克隆或下载能力API模板。
  3. 导航到新文件夹并在命令行中运行 'npm install'。这将安装项目所需的模块。
  4. 编辑资源目录中的 script.js 文件。将顶部的空 config 变量替换为提供的代码,如下所示:
var config = { host: "playground.qlik.com", prefix: "/playground/", port: "443", isSecure: true, rejectUnauthorized: false, apiKey: "[PERSONAL API KEY PROVIDED ON PAGE]", appname: "[YOUR CHOSEN APP’S NAME]" };

这段代码包含API密钥和应用程序名称。

在命令行中运行 'node index'。将看到这条消息:listening on port 8000。服务器现在正在运行。

打开浏览器并访问 http://localhost:8000。不会在页面上看到任何内容(还没有构建它,敬请期待),但应用程序现在正在本地机器上运行。

资源目录中的 script.js 文件也是运行可视化代码的地方,如下所示。打开这个文件并在以下代码行下方开始编码:

var app = qlik.openApp(config.appname, config);

要创建一个新的可视化,使用 create() 方法。create() 方法接受以下参数:

  • type (string) - 要显示的可视化类型
  • columns (array) - 要使用的维度和度量定义列表
  • options (object) - (可选)还可以在这里设置其他属性

create() 方法返回一个包含单个参数的承诺,该参数的类型为 QVisualization。QVisualization 有一个 show() 方法,用于将可视化附加到页面上的 HTML 元素。show() 方法接受一个参数:

  • element (element | string) - HTML 元素或元素 ID

示例:

app.visualization.create( 'barchart', [ 'Month', '=Count(Day)' ]).then( function(vis){ vis.show("myElementId") });
沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485