echarts 3.8.4: tree設置節點與節點之間連線的顏色,可以獨立每條線分開設置


最近研究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




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM