前段時(shí)間用echarts做了流程圖，在此記錄下制作步驟。

一、Echarts是什么

Echarts，縮寫來(lái)自 Enterprise Charts，商業(yè)級(jí)數(shù)據(jù)圖表，是百度的一個(gè)開源的數(shù)據(jù)可視化工具，一個(gè)純 Javascript ?的圖表庫(kù)，能夠在 PC 端和移動(dòng)設(shè)備上流暢運(yùn)行，兼容當(dāng)前絕大部分瀏覽器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底層依賴輕量級(jí)的 Canvas 庫(kù) ZRender，ECharts 提供直觀，生動(dòng)，可交互，可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計(jì)算、數(shù)據(jù)視圖、值域漫游等特性大大增強(qiáng)了用戶體驗(yàn)，賦予了用戶對(duì)數(shù)據(jù)進(jìn)行挖掘、整合的能力。

二、Echarts的特點(diǎn)

ECharts 屬于開源軟件，并且我們提供了非常炫酷的圖形界面，特色是地圖，另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等；?

ECharts 使用簡(jiǎn)單，在官網(wǎng)中為我們封裝了?JS，只要會(huì)引用就會(huì)得到完美的展示效果；?

ECharts 種類多，ECharts 實(shí)現(xiàn)簡(jiǎn)單，各類圖形都有；相應(yīng)的模板，還有豐富的 API 及文檔說明，非常詳細(xì)；?

ECharts 兼容性好，基于HTML5，有著良好的動(dòng)畫渲染效果

三、Echarts官網(wǎng)（下載和教程）

echarts 2.0?https://echarts.baidu.com/echarts2/doc/example.html

echarts 3.0?https://echarts.baidu.com/examples/

四、流向圖的制作

echarts功能很強(qiáng)大啊，我暫時(shí)只用到了流向圖。我是在echarts2.0里面制作的。

首先從官網(wǎng)下載2.0的壓縮包，解壓后，得到echarts2.0文件夾，按照extension→Bmap→doc找到流向圖所在的文件夾。

在流向圖中js文件中，如果能看懂代碼每一部分的意思就很好修改了。

?

?

?

?

五、論文中使用了echarts，引用格式

摘自echarts官網(wǎng)

Notice

?Please cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, teaching, patents, and other related intelligence activities.?
當(dāng)您在研發(fā)項(xiàng)目，研究論文，技術(shù)報(bào)告，新聞報(bào)告，書籍，演示文稿，教學(xué)，專利等中使用 ECharts 時(shí)，請(qǐng)引用以下論文。

ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization

Deqing Li, Honghui Mei, Yi Shen, Shuang Su, Wenli Zhang, Junting Wang, Ming Zu, Wei Chen.

Visual Informatics, 2018?[PDF]

六、R語(yǔ)言中的Echarts

recharts包

官方文檔即詳細(xì)介紹http://madlogos.github.io/recharts/Basic_Plots_31_Map.html#-en

?

?

?

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的可视化-echarts流向图制作及recharts的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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