最近研究echarts,項目需要能夠設置節點之間的連線也能設置顏色,研究了半天,發現tree圖中,只有一個全局的設置項,只能全局設置顏色,很不方便,如下:
itemStyle: { color: 自適應, borderColor: '#c23531', borderWidth: 1.5, borderType: 'solid', shadowBlur: ..., shadowColor: ..., shadowOffsetX: 0, shadowOffsetY: 0, opacity: ..., },
搜了一下網上的,只能夠在data里面再增加一個對象,做到不同data下面連線顏色不一樣,不過這也不是我需要的。
所以研究了一下源碼,發現在tree下面的這個方法里面可以設置顏色
function updateNode(data, dataIndex, symbolEl, group, seriesModel, seriesScope) {
如圖,增加如下代碼:
然后在配置項里面增加目標節點的位置或者名稱即可,如果用name的化,要保證name不重復哈
送上效果圖:
感覺還是很酷炫的!
如果不知道位置信息怎么獲取的化,可以參考我的另外一個博客,
http://blog.csdn.net/wusefengye/article/details/79085318
如果懶的化,可以去這個地方下載源文件
http://download.csdn.net/download/wusefengye/10214783
轉:https://blog.csdn.net/wusefengye/article/details/79110195
參考: https://bbs.csdn.net/topics/392063779?page=1