案例： http://www.internetke.com/jsEffects/2018040406/
前段時間用echarts做了流程圖，在此記錄下制作步驟。
一、Echarts是什么
Echarts，縮寫來自 Enterprise Charts，商業級數據圖表，是百度的一個開源的數據可視化工具，一個純 Javascript 的圖表庫，能夠在 PC 端和移動設備上流暢運行，兼容當前絕大部分瀏覽器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底層依賴輕量級的 Canvas 庫 ZRender，ECharts 提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。
二、Echarts的特點
ECharts 屬於開源軟件，並且我們提供了非常炫酷的圖形界面，特色是地圖，另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等；
ECharts 使用簡單，在官網中為我們封裝了 JS，只要會引用就會得到完美的展示效果；
ECharts 種類多，ECharts 實現簡單，各類圖形都有；相應的模板，還有豐富的 API 及文檔說明，非常詳細；
ECharts 兼容性好，基於HTML5，有着良好的動畫渲染效果
三、Echarts官網（下載和教程）
echarts 2.0 https://echarts.baidu.com/echarts2/doc/example.html
echarts 3.0 https://echarts.baidu.com/examples/
四、流向圖的制作
echarts功能很強大啊，我暫時只用到了流向圖。我是在echarts2.0里面制作的。
首先從官網下載2.0的壓縮包，解壓后，得到echarts2.0文件夾，按照extension→Bmap→doc找到流向圖所在的文件夾。
在流向圖中js文件中，如果能看懂代碼每一部分的意思就很好修改了。
五、論文中使用了echarts，引用格式
摘自echarts官網
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.
當您在研發項目，研究論文，技術報告，新聞報告，書籍，演示文稿，教學，專利等中使用 ECharts 時，請引用以下論文。
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語言中的Echarts
recharts包
官方文檔即詳細介紹http://madlogos.github.io/recharts/Basic_Plots_31_Map.html#-en
---------------------
作者：symoriaty
來源：CSDN
原文：https://blog.csdn.net/symoriaty/article/details/86220114
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！