将Nebula.js与Angular或Svelte结合使用

---

您是否是Qlik Sense的新用户？对图表是否感兴趣？本文将会为你介绍如何使用Qlik Sense图表来组装网页作为仪表盘。

介绍

Nebula.js是一个开源的 "JavaScript库、可视化和CLI的集合，可以帮助开发者在Qlik的关联引擎之上构建和集成可视化"。它连接到我们所有可用的Qlik Sense产品，包括Qlik hosted、Qlik Sense Business和Qlik Sense Enterprise for SaaS。

这里有一些教程：在React.js或简单html页面中使用Nebula.js

Angular

本文将向大家展示一个模板，它使用Angular 10框架和一些可用的Picasso图表。（您可以点击此处下载）

从bash、powershell或任何其他的cli界面，通过以下方式启动

• 下载存储库

git clone git@github.com:yianni-ververis/nebula-angular.git

• 如果你是针对Qlik Hosted、Qlik Sense Business和Qlik Sense Enterprise for SaaS进行构建，请在src/app/globals.ts中添加你的Qlik Sense url、appId和/或webIntegrationId。
• 运行以下程序安装相应的软件包 

npm install

• 改变图表中的尺寸和度量。你可以先在scr/app/barchart/barchart.component.ts，第25行和第28行更改Barchart中的尺寸和测量字段。模板中的是来自Helpdesk应用的。

Svelte

这里，是一个Svelte.js的星云图启动版。（点击此处下载）

从bash、powershell或任何其他的cli界面开始

• 下载版本库
• 如果你是针对Qlik Hosted、Qlik Sense Business和Qlik Sense Enterprise for SaaS进行构建，请在 src/components/stores.js中添加你的Qlik Sense url、appId和/或webIntegrationId。
• 安装相应的软件包，运行

npm install

改变图表中的尺寸和度量。你可以先在scr/containers/BarChart.svelte，第15行和第18行更改Barchart中的尺寸和测量字段。模板中的是来自Helpdesk应用的。

---

推荐阅读：

Qlik产品更新连载>>

Qlik使用教程连载>>

除了以上教程资源，我们还有以Qlik为核心的各类解决方案，可帮助解决设备故障、产品质量、营销管理等各方面的企业问题，点击咨询在线客服>>获取案例。