echarts树状图点击展开子节点_echarts2.* tree树形图节点点击事件和节点点击图标更改...

做项目用到echarts2.2.7版本做树图，遇到点击树图节点“更改样式”(并不能更改样式，只能换图标/图片)，百度、谷歌搜索后均没找到解决方案。后来苦苦探索，终于找到解决入口，特地分享给大家以供参考，吐槽一下echarts的api真的没有highcharts人性化和易找。//贴出关键点！

function clickFun(param) {

console.log(param);

param.data.symbol = 'p_w_picpath://http://www.viastreaming.com/p_w_picpaths/apple_logo2.png';

//远程加载图片最好先预加载过来，避免下载图标延迟。 /**var oImg = new Image();oImg.src = img;**/

console.log(param.data.cusField);

chart.refresh(); //一定要refresh，否则不起作用

}

以下是完整代码，里面有备注：html>

echarts demo

var chart;

require.config({

paths: {

echarts: 'http://echarts.baidu.com/build/dist'

}

});

require(['echarts', 'echarts/chart/tree'], function(ec) {

chart = ec.init($("#main")[0]);