#三維可視化# #3D開發(fā)#

ECharts是 Enterprise Charts縮寫，表示商業(yè)級(jí)數(shù)據(jù)表圖，它是一個(gè)基于html5 Canvas的圖標(biāo)庫，可以流暢的運(yùn)行在PC和移動(dòng)設(shè)備上，兼容當(dāng)前絕大部分瀏覽器 (E6/7/8/9/10/1, chrome, firefox, Sarari等)，底層依賴輕量級(jí)的 Canvas類庫 ZRender，創(chuàng)建了坐標(biāo)系、圖例、提示、工具箱等基礎(chǔ)組件，能夠提供直觀、生動(dòng)、可交互、可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽計(jì)算、數(shù)據(jù)視圖、值域漫游等特性大大增強(qiáng)了用戶體驗(yàn)，賦予了用戶對(duì)數(shù)據(jù)進(jìn)行挖掘、整合的能力。

基于數(shù)據(jù)流設(shè)計(jì)

用戶獲取數(shù)據(jù)信息生成系統(tǒng)所需的頁面，需要通過登陸前臺(tái)界面觸發(fā)與后臺(tái)的交互，讀取數(shù)據(jù)傳輸信息，因此需要設(shè)計(jì)一個(gè)數(shù)據(jù)流模型圖，這里就不展開來講。接下來，基于數(shù)據(jù)流設(shè)計(jì)，利用Echarts可視化技術(shù)實(shí)現(xiàn)可視化界面展現(xiàn)給用戶。

可視化大屏應(yīng)用案例解析

Echarts開發(fā)接入ThingJS的3D場景，打造三維可視化大屏應(yīng)用，可實(shí)現(xiàn)空間數(shù)據(jù)分析可視化，即展示逼真的三維場景，并且提供2D圖表盤與3D場景的高度耦合，幫助人們基于手動(dòng)選擇場景，查看實(shí)時(shí)數(shù)據(jù)信息，更加迅速有效的認(rèn)知、掌握并理解信息。

在ThingJS的前端頁面開發(fā)基礎(chǔ)上，導(dǎo)入城市級(jí)3D場景和基礎(chǔ)地理數(shù)據(jù)，引入了 ECharts插件，結(jié)合Ajax異步調(diào)用方式動(dòng)態(tài)讀取數(shù)據(jù)庫，將數(shù)據(jù)信息用可視化的圖形界面展示在前臺(tái)。其中，3D場景利用Javascript語言開發(fā)交互事件，實(shí)現(xiàn)了對(duì)數(shù)據(jù)體系監(jiān)控系統(tǒng)的可視化動(dòng)效開發(fā)，并能夠通過良好的界面支持用戶訪問操作、安全管理監(jiān)控。

【3D演示地址】

使用ThingJS平臺(tái)配置

(1) 在html文件中開辟一個(gè)如div、span之類的Dom元素，用來顯示可視化的圖表;

(2) 將 echartsis文件引入到

總結(jié)

以上是生活随笔為你收集整理的动态更改echarts 高度_结合Echarts、Ajax技术实现可视化大屏监控 3D的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。