為了建立流程圖,需要使用echarts的關系圖組件,即type類型為‘graph’。
首先創建壹個div,為echarts準備壹個具備大小的Dom,然後指定圖表的配置項和數據。
其中,symbol參數可以修改元素的樣式,‘roundRect’為圓角矩形,還有’circle’, ‘rect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, 'none’這幾種樣式,也可以通過 ‘image://url’ 設置為圖片,其中 URL 為圖片的鏈接,或者 dataURI
例如:
symbol:‘image://.bing.net/th/id/OIP.EUApg_eTs1xbeOlcQ2HuTAHaHl?pid=Api&rs=1’