<<博客迁移,原文是我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,否则不起作用
}
完整源码:https://github.com/hzhqk/echarts.git 下 dynamic echarts tree/change node symbol/