Qlik Playground 是一个免费的编程环境,由数据分析和可视化软件公司 Qlik 提供。它允许用户尝试使用 Qlik 的强大技术来构建可视化图表、仪表板和Web应用程序,以便探索和洞察数据。本文将引导了解如何使用 Qlik Playground 和可视化API来创建交互式数据可视化图表。
Playground 的可视化API是“能力API”集合的一部分。这些是JavaScriptAPI,允许将 Qlik 图表和可视化嵌入到网页中。可以使用可视化API,仅用几行代码就能利用 Qlik 的可视化库。
这个库中的可视化是完全交互式的,因此不需要编写任何额外的代码。在后台,Qlik 的分析引擎会负责维护关联、状态选择和数据关系。这一切都是在内存中完成的,因此速度非常快。
要开始使用,可以从 GitHub 下载一个能力API模板,这可以让跳过通常的认证和连接步骤。它还为提供了一个很好的起点,包括 HTML 页面。
需要安装 Node.js,安装完成后,将能够在本地机器上通过6个简单的步骤运行项目。
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() 方法接受以下参数:
create() 方法返回一个包含单个参数的承诺,该参数的类型为 QVisualization。QVisualization 有一个 show() 方法,用于将可视化附加到页面上的 HTML 元素。show() 方法接受一个参数:
示例:
app.visualization.create(
'barchart',
[
'Month',
'=Count(Day)'
]).then(
function(vis){
vis.show("myElementId")
});