首頁 > 易卦

一教就會,資料視覺化大屏製作教程

作者:由 山有扶蘇君 發表于 易卦日期:2023-01-24

如何製作資料視覺化

資料進入數字時代,你是否面臨以下困擾?即認識到了資料視覺化的必要性,但缺乏資料視覺化方面的專業技能;想要做一個數據視覺化大屏,但是對複雜多樣的視覺化工具束手無策。今天就教大家如何快速上手資料視覺化工具,製作一款資料視覺化大屏。

一教就會,資料視覺化大屏製作教程

1、下載軟體

我們使用到的視覺化工具是

山海鯨視覺化

。山海鯨視覺化是一款國產自研資料視覺化大屏軟體,擁有豐富的模板和元件,操作簡單,很適合新手小白。

我們開啟官網,點選“免費下載”,選擇合適的版本,下載安裝好後,就可以開始進行大屏的製作啦!

一教就會,資料視覺化大屏製作教程

2、新建大屏

開啟軟體介面後,首先點選“我的專案”頁面上的新建空白大屏,開啟已有的大屏專案或者開啟“

資源中心

”去選擇自己喜歡的模板。

一教就會,資料視覺化大屏製作教程

山海鯨的資源中心擁有海量的

免費大屏模板

,如智慧城市、智慧園區、3D地圖等都可一鍵生成,有需要的使用者可以在頁面上的“輸入框”直接輸入關鍵詞進行搜尋。

一教就會,資料視覺化大屏製作教程

3、匯入資料

資料是資料視覺化大屏的基礎。因此我們需要使用資料選項中的“連線資料”功能來將所需資料進行匯入。具體操作為點選“資料”選項中的“

新增資料

”,或者在新建空白大屏時直接新增。山海鯨支援Excel檔案、MySQL資料庫等多種資料來源匯入。

同時山海鯨視覺化還有一款姊妹產品——

山海鯨資料管家

。這是一款完全免費的軟體,你可以利用山海鯨資料管家無程式碼完成資料的管理與轉發。

一教就會,資料視覺化大屏製作教程

4

選擇元件

添加了資料,下一步我們就可以透過元件將枯燥的資料“視覺化”。

山海鯨視覺化擁有豐富的“元件”提供選擇,這些“元件”有各類資料圖表,也可以根據需求任意插入文字、圖片、影片等多媒體元件,支援3D元件的新增,讓你的大屏更加炫酷。

一教就會,資料視覺化大屏製作教程

5設定元件資料和樣式

確定好元件的型別,我們就可以將元件與資料相連結,並對元件的樣式進行修改。

山海鯨視覺化中,每一個元件都可以關聯所需要的資料,資料的來源就是我們之前匯入進來的。我們可以透過簡單的拖拽直接實現資料與元件的邏輯關係,同時也可以實現元件與元件之間的互動。

一教就會,資料視覺化大屏製作教程

如果說元件的“資料”是對元件的內在定義,那麼元件的“樣式”是用來對元件本身的“資料顏色”、“圖形形狀”等進行設定的,屬於“外在美”。透過設定元件“樣式”可以提高資料圖表的“顏值”。

一教就會,資料視覺化大屏製作教程

6匯出和分享大屏

在模板的基礎上經過一番“美化”,我們的視覺化大屏就算是完成了,最後可以將它匯出。只需要點選“專案”選項點選“匯出專案”即可。如下圖:

一教就會,資料視覺化大屏製作教程

我們一般選擇匯出專案檔案。專案匯出的檔案型別為。bvp 格式,透過該檔案可將大屏專案發給他人,而且對方可以繼續編輯該大屏。

一教就會,資料視覺化大屏製作教程

另外要注意兩點——

1、在匯出專案檔案時,如果設定了

無時間限制

,則該專案檔案會一直有效,如果設定了時間限制,那麼在專案到期後,該專案將

無法繼續

編輯。

一教就會,資料視覺化大屏製作教程

2、是否勾選將動態資料來源轉換為靜態資料來源。這個主要是針對使用了

資料庫

API

的大屏專案,如果匯出時未勾選該選項,則將匯出的檔案發給對方時,對方也會因為無法訪問專案內的

動態資料來源

導致無法開啟專案。

一教就會,資料視覺化大屏製作教程

如果需要分享大屏的話可以在軟體右上角選中“Web分享”分享大屏,也可以選擇“App控制”掃描二維碼進行展示。

一教就會,資料視覺化大屏製作教程

需要注意的是,在未開啟“託管”的情況下,分享方必須與被分享方處於

相同網路環境

中才能分享成功,開啟“託管”後你的大屏專案將上傳到山海鯨視覺化的雲伺服器(AES加密),這樣任何公開網路的使用者都可以訪問你的分享連結,分享完成之後會自動生成分享連結和內嵌程式碼。

一教就會,資料視覺化大屏製作教程

如果開啟了“託管”,生成的連結是山海鯨視覺化託管伺服器的連結。

一教就會,資料視覺化大屏製作教程

以上就是有關製作一個

資料視覺化大屏

的主要內容。