將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為核心的各類解決方案，可幫助解決設備故障、產品質量、營銷管理等各方面的企業問題，點擊咨詢在線客服>>獲取案例。