ECharts折线图⾥的legend图标更换以及标题样式问题⽰例如下图（ECharts提供），有⼀个需求是更改下图中红框中图标以及字体样式：
此时需要在legend⾥进⾏设置，更改图标的属性为icon，更改字体样式需要在textStyle进⾏更改。
代码块如下（legend对象放在option内第⼀层即可）：
legend:{
data:[
{
name:'最⾼⽓温',
textStyle:{
fontSize:12,
fontWeight:'bolder',
color:''
},
icon:'image://img.lanrentuku/img/allimg/1206/5-120601154100.gif',
},
icon图标库{
name:'最低⽓温',
icon:'image://img.lanrentuku/img/allimg/1206/5-120601154104-50.gif',
},
],
},
此时效果如下：
注意：
更改icon时，前缀（image://）不可省略。
其后可接线上图⽚地址，也可接本地地址（如：icon:‘image://./img.jpg’）
问题来了：我在项⽬⾥⽤上⾯加载本地图⽚的⽅式，并没有成功。于是我便采⽤下⾯这种⽅式：import img from'./img.png'
icon:`image://${img}`,
这样，才实现想要的效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。