echarts2.* tree树形图节点点击事件和节点点击图标更改

<<博客迁移,原文是我51cto博客http://11095961.blog.51cto.com/11085961/1951206>>

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

先说明关键点


//贴出关键点!这是注册的事件(click/hover等)的处理函数

 function clickFun(param) {

console.log(param);

param.data.symbol = 'image://http://www.viastreaming.com/images/apple_logo2.png';

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

console.log(param.data.cusField);

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

}

echarts2.* tree树形图节点点击事件和节点点击图标更改_第1张图片
效果图

完整源码:https://github.com/hzhqk/echarts.git 下 dynamic echarts tree/change node symbol/

你可能感兴趣的:(echarts2.* tree树形图节点点击事件和节点点击图标更改)