有个需求需要修改echarts树图节点的颜色或者节点之间连接线的颜色,网上找了一圈,总结一下。
1、后台传到前台肯定是json格式的
[{
name:'a',
value:'aa',
children:[{
name:'b',
value:'bb',
children:[
{
name:'c',
value:'cc',
children:[{
name:'d',
value:'dd',
}]
},
{
name:'e',
value:'ee',
}]
}]
}]
2、节点的颜色变化主要是在json格式的data中设置节点的样式,lineStyle是连接线的样式,itemStyle是节点样式。
思路就是通过遍历json数据去改变这个子节点下所有的子节点的颜色,或者他们之间连接线的颜色。