logo Qlik中文手册(持续更新) 我也要发布文档

将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为核心的各类解决方案,可帮助解决设备故障产品质量营销管理等各方面的企业问题,点击咨询在线客服>>获取案例。