一、流程圖介紹
老規矩，先來一張效果圖壓壓驚，流程來源於某寶，某魚，某電商平臺的貨物流轉流程，自己稍微修改了一下。僅供學習參考使用。
使用echarts等開源框架開發可以減少自己的開發時間，提高工作效率。
一般流程圖如果僅僅是作爲靜態頁面，不需要考慮交互還是很容易畫出來的，但是如果需要考慮到交互效果，那就需要自己在基於對開源框架集成使用中多加思考了，畢竟現在很多開源框架的基本思想都是組合優於繼承，所以在使用中可以很靈活的融入自己的想法。
二、流程圖實現
上面所展示的流程圖中很明顯的可以看到三種顏色。
灰色：代表不可用，點擊無效。
藍色：代表可用，但是當前並不處於這個節點
黃色：代表當前處於這個點，或者節點被點擊
在渲染流程圖時要考慮通用和可擴展，可插拔，所以在渲染時，使用配置來進行渲染，也是比較符合當前主流思想。
核心代碼，代碼裏面註釋寫的很詳細。仔細研讀。
1）流程圖配置代碼
//配置點擊後有響應的模塊。模塊名爲key , 方法名後綴爲 value,方法名稱要寫成draw + value首字母大寫爲函數名
var forceMap