第一个问题：echarts 能够自定义图例的图标，百度上不少回答都是引用的相对路径，可是不知道为啥，个人vue项目就是引用不显示，在network里面找不到相应图片前端
后来我想了个法子，就是先获取到这个图片，而后复制它的dataURL 也就是在网页上解析以后的图片路径，就能正常显示了——————至于缘由，emmmmmmmm……vue
第二个问题：echarts 自定义图例的图标成功后，点击会显示关闭的功能（我是这样理解的）；要实现点击颜色变浅而且实现关闭功能，通过我和我另外一个前端同事总结出了两种方法，echarts
第一种，绘制svg图片，在阿里巴巴图标库上制做新的svg图片下载，下载的包里面会有一个iconxx,svg 获取到路径，写在icon:'path://'，echarts会自动识别这个图例图片，好处是图片也不须要上传，svg
而且echarts本身会处理颜色变化，我的以为多是echarts图例的实现原理也是这样的，可是没看到原码——这是我同事的实现方式this
第二种，写个自定义的png图片，利用icon:icon ,data:{事件
icon:''xxxxxxxx.png图片
},。利用echarts的点击选择图例事件触发get
代码以下： var myChart = echarts.init(this.$refs.xxxx);it
myChart.on('legendselectchanged',function(params){io
var name = params.name;
if(name === '主动风险'){
if（！params.selected[name]）{
this.icon = 'aaaaaaa.png';
mychart.setOption(self.getOption(data))
}else{
this.icon = 'xxxxxx.png';
mychart.setOption(self.getOption(data))
}
}
})
暂时自定义需求只有一个图标须要处理，若是多的话，能够自定去写个公共方法封装一下，应该也是能够的