這篇心得，主要針對(duì)智慧城市數(shù)據(jù)融合可視化系統(tǒng)的設(shè)計(jì)實(shí)施經(jīng)驗(yàn)進(jìn)行總結(jié)，在設(shè)計(jì)理念、設(shè)計(jì)方法、技術(shù)實(shí)現(xiàn)、常見(jiàn)問(wèn)題等方面，對(duì)設(shè)計(jì)實(shí)施經(jīng)驗(yàn)進(jìn)行總結(jié)，以方便讀者更好的了解可視化系統(tǒng)的設(shè)計(jì)實(shí)現(xiàn)。

01 明確系統(tǒng)的應(yīng)用場(chǎng)景

03 系統(tǒng)之間的對(duì)接

數(shù)據(jù)可視化系統(tǒng)是城市運(yùn)行數(shù)據(jù)的生動(dòng)展示方式，在實(shí)施過(guò)程中，通常需要對(duì)接基礎(chǔ)業(yè)務(wù)系統(tǒng)，從基礎(chǔ)業(yè)務(wù)系統(tǒng)獲取數(shù)據(jù)，從而進(jìn)行數(shù)據(jù)的可視化展示。

• 方式1：對(duì)于已經(jīng)實(shí)施了ESB總線系統(tǒng)的智慧城市項(xiàng)目，主要通過(guò)ESB以WS方式進(jìn)行數(shù)據(jù)對(duì)接。
• 方式2：對(duì)于第三方系統(tǒng)，主要采用REST的方式進(jìn)行對(duì)接，數(shù)據(jù)格式為JSON。

04 數(shù)據(jù)可視化組件的使用

在標(biāo)準(zhǔn)版本的智慧城市數(shù)據(jù)可視化系統(tǒng)中，采用了echarts作為主要的數(shù)據(jù)可視化組件。

echarts作為國(guó)內(nèi)一款相對(duì)較為成功的開(kāi)源項(xiàng)目，總體上來(lái)說(shuō)有這樣的一些優(yōu)點(diǎn)：

1. 容易使用，官方文檔比較詳細(xì)，而且官網(wǎng)中提供大量的使用示例供大家使用。
2. 支持按需求打包，官網(wǎng)提供了在線構(gòu)建的工具，可以在線構(gòu)建項(xiàng)目時(shí)，選擇項(xiàng)目所需要使用到的模塊，從而達(dá)到減小JS文件的體積。
3. 開(kāi)源
4. 支持中國(guó)地圖功能

對(duì)于一些標(biāo)量數(shù)據(jù)，主要采用自行設(shè)計(jì)的label組件來(lái)進(jìn)行顯示。

對(duì)于適合一些列表方式表現(xiàn)的數(shù)據(jù)集合，需要自行設(shè)計(jì)與總體風(fēng)格匹配的表格進(jìn)行顯示。

05 常用圖表及用法

(1)折線圖

適用場(chǎng)景：折線圖適用于二維的大數(shù)據(jù)集，還適合多個(gè)二維數(shù)據(jù)集的比較。折線圖并不關(guān)注具體的數(shù)字是多少，也不強(qiáng)調(diào)個(gè)體的對(duì)比，而是從整體宏觀的角度，把握發(fā)展的趨勢(shì)。

(2)將專題中的數(shù)據(jù)項(xiàng)，進(jìn)行歸類整理，在頁(yè)面上進(jìn)行布局，要考慮數(shù)據(jù)項(xiàng)的表現(xiàn)形式、圖標(biāo)類型，并設(shè)計(jì)出數(shù)據(jù)項(xiàng)之間的聯(lián)動(dòng)關(guān)系。輸出“線框圖”作為數(shù)據(jù)可視化專題設(shè)計(jì)原稿。

分享題目：智慧城市大數(shù)據(jù)可視化系統(tǒng)設(shè)計(jì)心得
新聞來(lái)源：http://www.aaarwkj.com/news36/98736.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、域名注冊(cè)、網(wǎng)站收錄、做網(wǎng)站、App開(kāi)發(fā)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)