商業(yè)智能(BI)可視化大屏的設(shè)計(jì)及使用原則

1、可視化大屏設(shè)計(jì)原則 很多人對(duì)可視化大屏的第一印象就是炫酷，但是炫酷為其表，數(shù)據(jù)傳達(dá)的清晰有效，才是大屏的重點(diǎn)。

如何利用可視化組件制作一個(gè)智慧園區(qū)大屏?

1、新建空白大屏可選擇“添加新數(shù)據(jù)”，載入模板大屏可選擇“替換數(shù)據(jù)源”，而以上兩種新建大屏的方式均可以連接山海鯨數(shù)據(jù)管家進(jìn)行數(shù)據(jù)接入。數(shù)據(jù)導(dǎo)入過(guò)程可以在新建大屏后導(dǎo)入作為備用，也可以在所有組件設(shè)置完成后再導(dǎo)入。

2、需求。其優(yōu)勢(shì)在于，其提供了豐富的可視化設(shè)計(jì)組件，包括常用的數(shù)據(jù)圖表、圖形、控件 以及具有3D效果的地圖組件等，通過(guò)拖拽操作即可進(jìn)行布局，可以在幾個(gè)小時(shí)甚至幾分 鐘內(nèi)就完成數(shù)據(jù)大屏的配置。

3、可通過(guò)三維可視化技術(shù)來(lái)實(shí)現(xiàn)，在開始使用 ThingJS 之前，需要先了解JavaScript，我們假設(shè)您已經(jīng)掌握J(rèn)S。

4、頂部的標(biāo)題通過(guò)左右兩個(gè)對(duì)稱線條進(jìn)行點(diǎn)綴，各個(gè)組件的細(xì)分標(biāo)題通過(guò)不規(guī)則漸變色圖片進(jìn)行點(diǎn)綴，另外每個(gè)組件都搭配使用了簡(jiǎn)潔的邊框以提升層次感。 4)動(dòng)效 動(dòng)效的增加能讓大屏看上去是活的，增加觀感體驗(yàn)。

5、大屏排版布局上需要遵循四大原則（CRAP）可視化大屏的配色是視覺(jué)呈現(xiàn)的重要組成要素，配色常與行業(yè)類型、業(yè)務(wù)形態(tài)、應(yīng)用場(chǎng)景、設(shè)計(jì)理念、營(yíng)造氛圍等密切相關(guān)。

可視化數(shù)據(jù)大屏的制作方法?

可視化數(shù)據(jù)需要基于用戶業(yè)務(wù)場(chǎng)景 本項(xiàng)目的核心工作是煤礦風(fēng)險(xiǎn)統(tǒng)計(jì)界面的交互及視覺(jué)定義，系統(tǒng)展示載體為大屏。大屏展示系統(tǒng)的核心是對(duì)數(shù)據(jù)信息的處理及描述，最終以可視化的方式呈現(xiàn)給用戶，又稱為數(shù)據(jù)可視化。

②通過(guò)軟件內(nèi)資源中心進(jìn)行關(guān)鍵詞檢索，載入模板后將模板數(shù)據(jù)替換成個(gè)人數(shù)據(jù)進(jìn)行制作：新建空白大屏可選擇“添加新數(shù)據(jù)”，載入模板大屏可選擇“替換數(shù)據(jù)源”，而以上兩種新建大屏的方式均可以連接山海鯨數(shù)據(jù)管家進(jìn)行數(shù)據(jù)接入。

創(chuàng)建項(xiàng)目之前需登錄ThingJS賬號(hào)，如果您尚未登錄賬號(hào)或頁(yè)面出現(xiàn)“登錄已過(guò)期，請(qǐng)重新登錄！”的提示，為保證項(xiàng)目的正確保存及運(yùn)行，請(qǐng)您在賬號(hào)登錄之后再創(chuàng)建項(xiàng)目。

大屏的制作，可以用代碼開發(fā)或現(xiàn)成的可視化工具來(lái)實(shí)現(xiàn)。用的比較多的就是JS+Ecahrts，但數(shù)據(jù)量支撐、后臺(tái)響應(yīng)、實(shí)時(shí)更新、平臺(tái)運(yùn)維等應(yīng)該還要調(diào)用更多的技術(shù)，這個(gè)不是非常懂就不贅述了。