相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

製作優秀的展示大屏往往需要較高的技術實力、學習成本和時間成本。不過,使用相數雲大屏模板,只需進行簡單的資料替換,就能快速完成視覺化大屏配置,既可以滿足我們對炫酷外觀的要求,又可以讓普通使用者輕鬆建立目標大屏。

今天我們就以“某地智慧交通智慧決策平臺”大屏的製作為例,為大家演示如何使用大屏模板快速建立目標大屏。

在製作過程中,我們選擇了“城市執行指揮中心繫統平臺”模板,透過將模板內容替換為目標內容,可快速完成目標大屏“某地智慧交通指揮決策平臺”的製作。此次演示使用的均為模擬資料。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

首先,登入相數雲。在首頁選擇“大屏”模組,然後點選

“建立大屏”

,選擇模板並使用後,進入大屏編輯頁面。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

使用模板建立大屏後,只需在原有模板基礎上對地圖、圖表、元件等要素進行替換更新,即可快速完成目標資料的視覺化展示。下面為大家演示操作方法。

01

更新地圖

在大屏編輯頁面左側的

“大屏設定”

中,點選地圖,將目標地圖直接拖動到大屏中的地圖位置,即可實現大屏地圖的更新。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

在示例中,我們使用某市車輛執行軌跡圖作為智慧交通大屏的核心地圖。

02

更新元件

在視覺化大屏中,很多特殊效果都是透過設定元件來實現的。例如大屏標題或各模組名稱,常使用標題元件或標題文字元件;在大屏上實現不同圖表的切換效果,常使用標籤頁元件。我們這裡演示這兩類元件的修改。

修改標題文字元件

在我們使用的模板中,左上角是大屏名稱,這裡使用的是

標題文字元件

。將滑鼠放在該處時,出現設定按鈕,點選

“編輯探索”

,可以對大屏標題重新編輯。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

進入元件編輯頁面,我們對“titname”和“text”欄位重新編輯,分別輸入目標大屏的中英文名稱,即可完成大屏標題的修改。關閉探索,回到大屏,標題文字將自動更新。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

以下是動態演示效果:

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

此外還可以對元件效果進行更多設定,此處不進行過多演示。

修改標籤頁元件

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

如上圖,事件辦結分析下方趨勢圖表,使用了

標籤頁元件

,可以在“本週”和“本月”兩個圖表間進行切換。

修改標籤頁元件時,將需要展示的圖表事先做好,點選設定按鈕,選擇編輯探索,直接拖動到元件中即可。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

03

更新圖表

圖表是大屏視覺化展示的重要組成部分,透過

更新替換模板中的圖表

,可以快捷地將目標資料進行大屏展示。

將滑鼠放在該圖表時,出現設定按鈕,點選“編輯探索”,對該圖表重新編輯。在探索中,我們點選“更換”,選擇需要展示的資料,重新進行圖表探索。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

在示例中,為與模板風格一致,我們仍選擇了餅圖進行資料展示。關閉探索,回到大屏編輯頁面,圖表將自動更新。

此外還可以對圖表效果進行更多設定,這裡不進行過多演示。

04

修改佈局

雖然大屏模板中提供了豐富的模板樣式和佈局結構,但實際大屏製作中,仍不免遇到模板不能滿足展示需求的情況。這時,可以對大屏模板的佈局進行修改調整,以實現展示目標。

點選大屏上方的

“修改佈局”

,進入到修改佈局頁面,可以對大屏內全部元素進行移動、縮放、複製、刪除和改變疊放次序等操作。

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

05

完成建立

透過有針對性地更新地圖、圖表、元件和調整佈局等操作後,使用者可以實現目標大屏的製作。

經過對“城市執行指揮中心繫統平臺”模板的修改,我們完成了“某地智慧交通智慧決策平臺”大屏的製作,最後分享給大家。點選圖片,可線上觀看。

製作前

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙

製作後

相數科技:學會它,你離炫酷視覺化大屏只有一步之遙