歡迎瀏覽數(shù)字世界網(wǎng)-專注于虛擬現(xiàn)實(shí)技術(shù)解決方案!
新聞資訊 | 公司介紹 | 聯(lián)系我們
網(wǎng)站首頁 >> 技術(shù)專區(qū) >> 新聞資訊 >> 查看詳情
時(shí)間:2023-05-23 00:11:50
人氣:547
來源:
欄目:新聞資訊
標(biāo)簽:
1、可視化大屏設(shè)計(jì)原則 很多人對(duì)可視化大屏的***印象就是炫酷,但是炫酷為其表,數(shù)據(jù)傳達(dá)的清晰有效,才是大屏的重點(diǎn)。
1、新建空白大屏可選擇“添加新數(shù)據(jù)”,載入模板大屏可選擇“替換數(shù)據(jù)源”,而以上兩種新建大屏的方式均可以連接山海鯨數(shù)據(jù)管家進(jìn)行數(shù)據(jù)接入。數(shù)據(jù)導(dǎo)入過程可以在新建大屏后導(dǎo)入作為備用,也可以在所有組件設(shè)置完成后再導(dǎo)入。
2、需求。其優(yōu)勢(shì)在于,其提供了豐富的可視化設(shè)計(jì)組件,包括常用的數(shù)據(jù)圖表、圖形、控件 以及具有3D效果的地圖組件等,通過拖拽操作即可進(jìn)行布局,可以在幾個(gè)小時(shí)甚至幾分 鐘內(nèi)就完成數(shù)據(jù)大屏的配置。
3、可通過三維可視化技術(shù)來實(shí)現(xiàn),在開始使用 ThingJS 之前,需要先了解JavaScript,我們假設(shè)您已經(jīng)掌握J(rèn)S。
4、頂部的標(biāo)題通過左右兩個(gè)對(duì)稱線條進(jìn)行點(diǎn)綴,各個(gè)組件的細(xì)分標(biāo)題通過不規(guī)則漸變色圖片進(jìn)行點(diǎn)綴,另外每個(gè)組件都搭配使用了簡(jiǎn)潔的邊框以提升層次感。 4)動(dòng)效 動(dòng)效的增加能讓大屏看上去是活的,增加觀感體驗(yàn)。
5、大屏排版布局上需要遵循四大原則(CRAP)可視化大屏的配色是視覺呈現(xiàn)的重要組成要素,配色常與行業(yè)類型、業(yè)務(wù)形態(tài)、應(yīng)用場(chǎng)景、設(shè)計(jì)理念、營(yíng)造氛圍等密切相關(guān)。
可視化數(shù)據(jù)需要基于用戶業(yè)務(wù)場(chǎng)景 本項(xiàng)目的核心工作是煤礦風(fēng)險(xiǎn)統(tǒng)計(jì)界面的交互及視覺定義,系統(tǒng)展示載體為大屏。大屏展示系統(tǒng)的核心是對(duì)數(shù)據(jù)信息的處理及描述,比較終以可視化的方式呈現(xiàn)給用戶,又稱為數(shù)據(jù)可視化。
②通過軟件內(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)或頁面出現(xiàn)“登錄已過期,請(qǐng)重新登錄!”的提示,為保證項(xiàng)目的正確保存及運(yùn)行,請(qǐng)您在賬號(hào)登錄之后再創(chuàng)建項(xiàng)目。
大屏的制作,可以用代碼開發(fā)或現(xiàn)成的可視化工具來實(shí)現(xiàn)。用的比較多的就是JS+Ecahrts,但數(shù)據(jù)量支撐、后臺(tái)響應(yīng)、實(shí)時(shí)更新、平臺(tái)運(yùn)維等應(yīng)該還要調(diào)用更多的技術(shù),這個(gè)不是非常懂就不贅述了。