Wyn Enterprise实现Echarts流向地图
前言:
Wyn Enterprise全面開放了可視化組件接口,用戶可以開發自己的可視化組件,并且自定義數據綁定面板,屬性設置和數據探索方式。通過開源圖表庫(例如d3和echarts)或者自己開發渲染視覺效果。自定義的可視化組件可以像內置組件一樣在儀表板中使用,進行數據分析和展示。并且通過插件形式來增加產品功能。使用插件的好處,用戶需要什么功能添加什么擴展組件,不會對系統的正常運行產品影響。用戶的需要將會得到更好的響應和滿足。同時由于插件開發的自由方式,第三方軟件公司、個人愛好者都可以開發出它所需求的功能插件,Wyn Enterprise為開發者提供一個創業平臺,賦能開發者,為用戶提供高質量高價值的產品。
下面就來詳細介紹一下如何通過Wyn Enterprise實現Echarts的流向地圖,先來看一張效果圖:
一、使用Wyn Enterprise可視化插件實現Echarts的好處
ECharts 屬于開源軟件,并且我們提供了非常炫酷的圖形界面,特色是地圖,另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等; 但是Echarts面向的是開發者,用戶需要有一定的開發能力,而且當您數據結構變化,或者希望調整樣式屬性時,需要重新修改代碼,并且重新生成頁面。
通過Wyn Enterprise將Echarts集成進來之后,可以完全實現跟內置組件一樣的效果,只需要簡單的拖拽就可以綁定數據,調整屬性也可以通過UI進行設置更改。
還可以利用Wyn Enterprise現成的聚焦分析,數據過濾,排序,排名篩選,數據聯動,鉆取等所有功能,最為方便的是,可以直接利用Wyn Enterprise的多數據源的數據連接,強大的數據建模和數據整合能力,一次開發所有場景均可使用。
二、流向地圖的介紹
1.使用場景
流向地圖在地圖上顯示信息或物體從一個位置到另一個位置的移動及其數量。
通常用來顯示人物、動物和產品的遷移數據。單一流向線所代表的移動規?;驍盗坑善浯旨毝缺硎荆兄@示遷移活動的地理分布。
流向地圖多應用于區際貿易、交通流向、人口遷移、購物消費行為、通訊信息流動、航空線路等場景,也可應用企業貨物運輸,供應鏈管理。
2.數據結構
流向地圖的數據結構主要包含起始地(經緯度),目的地(經緯度),數值,如下圖所示:
根據這個數據來進行可視化的展示,更加直觀的反應數據的流向和變化。
三、如何利用Wyn Enterprise可視化插件實現Echarts的流向地圖
Wyn Enterprise 從 4.0 版本開始支持用戶自定義可視化插件功能。您可以開發自己的可視化組件,并且自定義數據綁定面板,屬性設置和數據探索方式。
通過開源圖表庫(例如d3和echarts)渲染視覺效果。自定義的可視化組件可以像內置組件一樣在儀表板中使用,進行數據分析和展示。
1.開發文檔和開發環境準備可以參考如下鏈接文檔:
https://help.grapecity.com.cn/pages/viewpage.action?pageId=50011184
里面詳細介紹了開發一個插件的步驟,以及Wyn Enterprise可視化插件所開放的能力和API。
2.Wyn Enterprise可視化插件初始化之后會生成如下資源,完整的流向地圖代碼見附件。
3.最終插件寫好之后編譯即可生成一個 *.viz 文件,該文件上傳到Wyn Enterprise門戶即可使用。
四、流向地圖在Wyn Enterprise怎樣使用?
1.下載附件流向地圖.viz文件,然后打開Wyn Enterprise門戶網站進行上傳。
2.上傳之后在Wyn Enterprise的儀表板在線設計器中即可進行使用。
創建儀表板,即可進去儀表板在線設計器
然后在設計器選擇可視化插件,拖動到設計界面,可以看到示例數據的效果。
3.數據綁定
添加可視化插件后,點擊數據綁定面板,將數據集中的字段拖拽到綁定區即可完成數據綁定。
如果儀表板中未加載數據集,則需要先選擇一個數據集進行加載,然后再綁定數據字段。
(注意:數據可視化插件內部封裝了中國各省市區經緯度,所以數據綁定可以只綁定起始地點和目的地點以及數值,當然也可以綁定詳細的經緯度)
4.在編輯區右側選擇“屬性設置”進行圖形樣式設置。
終語:
看到這里是不是小伙伴已經按捺不住了,趕緊下載可視化插件進行體驗吧。
也歡迎大家在我們論壇插件板塊貢獻自己開發的插件哦(最后在偷偷告訴大家一個秘密哦,個人開發可視化組件我們是有現金獎勵的喲!)
可視化插件源碼和插件包:
| 源碼 | 可視化插件包 |
| <ignore_js_op>流向地圖.zip(1.37 MB, 下載次數: 0) | <ignore_js_op>流向地圖.viz(2.6 MB, 下載次數: 0) |
總結
以上是生活随笔為你收集整理的Wyn Enterprise实现Echarts流向地图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 利用IP地址查询接口来查询IP归属地
- 下一篇: 六款优秀的Linux引导工具