做项目用到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 demovar chart;
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
require(['echarts', 'echarts/chart/tree'], function(ec) {
chart = ec.init($("#main")[0]);