echarts之树形图改变节点之间连线颜⾊以及结点的颜⾊
  ⾸先来看⼀下效果图:
  ⾸先需要⽤到echarts的树形图组件;
  思路:⾸先分别去改变根节点下第⼀层⼦节点的颜⾊以及它们之间的连线颜⾊。
  改变⼀个⼦节点的颜⾊之后,再通过遍历去改变这个⼦节点下的⼦节点的颜⾊,以及他们之间的颜⾊。
  需要⽤到得起就是两个属性:
    在data中设置lineStyle是边的样式,itemStyle是节点样式
  下⾯贴出js代码:
  需要注意的是:改变颜⾊,因为⼤致过程是⼀样的,只是第⼀层⼦节点的名称,以及要设置的颜⾊不⼀样,其他的没有任何改变。所以我们提取出来⼀个⽅法:function yanse(obj,color),将两个变量作为参数传递。使⽤时多次调⽤函数即可。
  看上图,改变过程是(函数执⾏⼀次的效果):先到股东----->中国林业学院研究院、凌云、王⽟昙。
  多次调⽤函数,传参数即可。
var dom = ElementById("main");
var myChart = echarts.init(dom);
myChart.showLoading();
$.get("MessageServlet?method=qiye", function (data) {
myChart.hideLoading();
data.children.forEach(function (datum, index) {
index % 2 === 0 && (llapsed = true);
});
var color = "blue";
yanse(data.children[0],color);
color = "red";
yanse(data.children[1],color);
color = "green";
yanse(data.children[2],color);
setoptioncolor = "yellow";
yanse(data.children[3],color);
color = "pink";
yanse(data.children[4],color);
myChart.setOption(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '18%',
bottom: '14%',
layout: 'radial',
symbol: 'emptyCircle',
symbolSize: 7,
initialTreeDepth: 3,
animationDurationUpdate: 750,                    emphasis: {
focus: 'descendant'
}
}
]
});
});
function yanse(obj,color) {
obj.itemStyle = {
color : color,
borderColor:color
};
obj.lineStyle = {
color : color,
borderColor:color
};
//去实现第⼀层某个⼦节点下的所有节点for (var i = 0; i < obj.children.length; i++) {          obj.children[i].itemStyle = {
color : color,
borderColor:color
};
obj.children[i].lineStyle = {
color : color,
borderColor:color
};
}
}