SovitChart資料視覺化大屏模板一鍵免費使用

Sovit資料視覺化研究猿發表於2022-04-26

數維圖推出的兩款視覺化產品SovitChart和Sovit2D針對網際網路使用者均提供基礎版免費使用,使用者只要微信掃碼登入數維圖後臺即可立即使用。通過拖拽式編輯快速開發出視覺化大屏或者動態的Canvas組態頁面,定義資料來源併發布,可以很方便的整合到自己的生產系統中。

目前視覺化大屏、圖表元件產品SovitChart推出的大屏模板庫,使用者可以一鍵使用大屏模板加入到自己的專案中,然後可以定義好資料來源繫結動態資料直接釋出使用,或者經過修改後進行使用,模板庫會不斷的更新。具體使用方法如下:

1. 進入數維圖官網,然後進入到" 示例模板 -> SovitChart視覺化"模板頁。如下圖:

SovitChart資料視覺化大屏模板一鍵免費使用

2. 找到你想要的模板,滑鼠放上去會顯示“ 預覽模板”、“ 使用此模板”兩個按鈕,你可以點選進行模板預覽。如下圖模板預覽:

SovitChart資料視覺化大屏模板一鍵免費使用

3. 點選“使用此模板”快速一鍵使用,使用時會先跳到登入頁面,如果已經是會員直接登入,如果不是會員先註冊,可以用手機號註冊,或者直接微信掃碼註冊並自動登入。登入成功以後系統會自動彈出剛才選擇的模板,如下圖選擇模板登入後臺:

SovitChart資料視覺化大屏模板一鍵免費使用

點選確定使用模板,模板會自動加到自己的專案中,新使用者會自動在圖表視覺化模組中建立一個預設專案,如果原來已經有專案了,對話方塊架中會要求選擇一個專案來新增模板。

4. 進入到圖表視覺化模組中找到剛加入模板的專案,點選進入專案:

SovitChart資料視覺化大屏模板一鍵免費使用

SovitChart資料視覺化大屏模板一鍵免費使用

5. 在視覺化編輯器中修改大屏模板,給模板元件新增資料來源和事件等。

SovitChart資料視覺化大屏模板一鍵免費使用

每個元件都可以定義動態資料,支援直接連線資料庫、Redis等,也可以定義JSON格式的資料模型,後面在整合頁面的地方組裝JSON資料來源傳送給大屏元件使用。

注意的是如果是離線下載大屏進行部署的話只支援定義JSON資料來源繫結。

6. 釋出開發好的大屏頁面,在大屏的最上面有“ 點選發布”連線,點選後進行釋出,如圖:

SovitChart資料視覺化大屏模板一鍵免費使用

7. 釋出成功後,你可以在自己的專案中引用大屏頁面,可以線上引用,或者直接把js解析器和大屏資料檔案下載部署到自己的專案中,這樣可以在內網釋出使用。具體的整合方法請參考官網提供的線上文件。

SovitChart除了大屏可以直接釋出部署使用,單個圖表元件也可以釋出使用,在左側“ 我的圖表”中建立圖表建立圖表,繫結好資料來源後直接釋出,然後通過div容器可以將圖表元件嵌入到自己的頁面中,通過這種方式可以免除開發各種圖表程式,提供開發效率。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70014953/viewspace-2888771/,如需轉載,請註明出處,否則將追究法律責任。

相關文章