前言：
Wyn Enterprise全面開放了可視化組件接口，用戶可以開發(fā)自己的可視化組件，并且自定義數(shù)據(jù)綁定面板，屬性設置和數(shù)據(jù)探索方式。通過開源圖表庫（例如d3和echarts）或者自己開發(fā)渲染視覺效果。自定義的可視化組件可以像內(nèi)置組件一樣在儀表板中使用，進行數(shù)據(jù)分析和展示。并且通過插件形式來增加產(chǎn)品功能。使用插件的好處，用戶需要什么功能添加什么擴展組件，不會對系統(tǒng)的正常運行產(chǎn)品影響。用戶的需要將會得到更好的響應和滿足。同時由于插件開發(fā)的自由方式，第三方軟件公司、個人愛好者都可以開發(fā)出它所需求的功能插件，Wyn Enterprise為開發(fā)者提供一個創(chuàng)業(yè)平臺，賦能開發(fā)者，為用戶提供高質(zhì)量高價值的產(chǎn)品。

下面就來詳細介紹一下如何通過Wyn Enterprise實現(xiàn)Echarts的流向地圖，先來看一張效果圖：

一、使用Wyn Enterprise可視化插件實現(xiàn)Echarts的好處
ECharts 屬于開源軟件，并且我們提供了非常炫酷的圖形界面，特色是地圖，另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等； 但是Echarts面向的是開發(fā)者，用戶需要有一定的開發(fā)能力，而且當您數(shù)據(jù)結(jié)構(gòu)變化，或者希望調(diào)整樣式屬性時，需要重新修改代碼，并且重新生成頁面。
通過Wyn Enterprise將Echarts集成進來之后，可以完全實現(xiàn)跟內(nèi)置組件一樣的效果，只需要簡單的拖拽就可以綁定數(shù)據(jù)，調(diào)整屬性也可以通過UI進行設置更改。
還可以利用Wyn Enterprise現(xiàn)成的聚焦分析，數(shù)據(jù)過濾，排序，排名篩選，數(shù)據(jù)聯(lián)動，鉆取等所有功能，最為方便的是，可以直接利用Wyn Enterprise的多數(shù)據(jù)源的數(shù)據(jù)連接，強大的數(shù)據(jù)建模和數(shù)據(jù)整合能力，一次開發(fā)所有場景均可使用。
二、流向地圖的介紹
1.使用場景
流向地圖在地圖上顯示信息或物體從一個位置到另一個位置的移動及其數(shù)量。
通常用來顯示人物、動物和產(chǎn)品的遷移數(shù)據(jù)。單一流向線所代表的移動規(guī)模或數(shù)量由其粗細度表示，有助顯示遷移活動的地理分布。
流向地圖多應用于區(qū)際貿(mào)易、交通流向、人口遷移、購物消費行為、通訊信息流動、航空線路等場景，也可應用企業(yè)貨物運輸，供應鏈管理。

2.數(shù)據(jù)結(jié)構(gòu)
流向地圖的數(shù)據(jù)結(jié)構(gòu)主要包含起始地（經(jīng)緯度），目的地（經(jīng)緯度），數(shù)值，如下圖所示：

根據(jù)這個數(shù)據(jù)來進行可視化的展示，更加直觀的反應數(shù)據(jù)的流向和變化。

三、如何利用Wyn Enterprise可視化插件實現(xiàn)Echarts的流向地圖
Wyn Enterprise 從 4.0 版本開始支持用戶自定義可視化插件功能。您可以開發(fā)自己的可視化組件，并且自定義數(shù)據(jù)綁定面板，屬性設置和數(shù)據(jù)探索方式。
通過開源圖表庫（例如d3和echarts）渲染視覺效果。自定義的可視化組件可以像內(nèi)置組件一樣在儀表板中使用，進行數(shù)據(jù)分析和展示。

1.開發(fā)文檔和開發(fā)環(huán)境準備可以參考如下鏈接文檔：
https://help.grapecity.com.cn/pages/viewpage.action?pageId=50011184
里面詳細介紹了開發(fā)一個插件的步驟，以及Wyn Enterprise可視化插件所開放的能力和API。

2.Wyn Enterprise可視化插件初始化之后會生成如下資源，完整的流向地圖代碼見附件。

3.最終插件寫好之后編譯即可生成一個 *.viz 文件，該文件上傳到Wyn Enterprise門戶即可使用。

四、流向地圖在Wyn Enterprise怎樣使用？
1.下載附件流向地圖.viz文件，然后打開Wyn Enterprise門戶網(wǎng)站進行上傳。

2.上傳之后在Wyn Enterprise的儀表板在線設計器中即可進行使用。
創(chuàng)建儀表板，即可進去儀表板在線設計器

然后在設計器選擇可視化插件，拖動到設計界面，可以看到示例數(shù)據(jù)的效果。

3.數(shù)據(jù)綁定
添加可視化插件后，點擊數(shù)據(jù)綁定面板，將數(shù)據(jù)集中的字段拖拽到綁定區(qū)即可完成數(shù)據(jù)綁定。
如果儀表板中未加載數(shù)據(jù)集，則需要先選擇一個數(shù)據(jù)集進行加載，然后再綁定數(shù)據(jù)字段。

（注意：數(shù)據(jù)可視化插件內(nèi)部封裝了中國各省市區(qū)經(jīng)緯度，所以數(shù)據(jù)綁定可以只綁定起始地點和目的地點以及數(shù)值，當然也可以綁定詳細的經(jīng)緯度）

4.在編輯區(qū)右側(cè)選擇“屬性設置”進行圖形樣式設置。

終語：
看到這里是不是小伙伴已經(jīng)按捺不住了，趕緊下載可視化插件進行體驗吧。

也歡迎大家在我們論壇插件板塊貢獻自己開發(fā)的插件哦（最后在偷偷告訴大家一個秘密哦，個人開發(fā)可視化組件我們是有現(xiàn)金獎勵的喲！）

可視化插件源碼和插件包:

源碼	可視化插件包
<ignore_js_op>流向地圖.zip(1.37 MB, 下載次數(shù): 0)	<ignore_js_op>流向地圖.viz(2.6 MB, 下載次數(shù): 0)

總結(jié)

以上是生活随笔為你收集整理的Wyn Enterprise实现Echarts流向地图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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