效果
![[echarts] 引入png图片或者图标_javascript](https://file.cfanz.cn/uploads/png/2022/12/23/17/77BY1GHLC0.png "在这里插入图片描述")
![[echarts] 引入png图片或者图标_javascript_02](https://file.cfanz.cn/uploads/png/2022/12/23/17/I185fXCC65.png "在这里插入图片描述")
引入图片
![[echarts] 引入png图片或者图标_echarts_03](https://file.cfanz.cn/uploads/png/2022/12/23/17/RfO7870Lf5.png "在这里插入图片描述")
对其进行拼接：‘image://’+import 引入的图片
![[echarts] 引入png图片或者图标_前端_04](https://file.cfanz.cn/uploads/png/2022/12/23/17/a5501bK583.png "在这里插入图片描述")
我们验证一下这样写，图片路径的本质：其实就是将其转换成base64位图片格式。
![[echarts] 引入png图片或者图标_键值对_05](https://file.cfanz.cn/uploads/png/2022/12/23/17/EZ2600e63a.png "在这里插入图片描述")
使用：
在symbol键值对处，键值为上述定义的图片路径地址。
![[echarts] 引入png图片或者图标_前端_06](https://file.cfanz.cn/uploads/png/2022/12/23/17/65W47eK73C.png "在这里插入图片描述")
参考：
vue项目中如何使用echarts引入png图片或者图标(二者均为symbol标识)
[echarts] 引入png图片或者图标
阅读 140
2022-12-24
相关推荐
精彩评论（0）
0 0 举报
[echarts] 引入png图片或者图标
阅读 140
2022-12-24
效果
引入图片
对其进行拼接：‘image://’+import 引入的图片
我们验证一下这样写，图片路径的本质：其实就是将其转换成base64位图片格式。
使用：
在symbol键值对处，键值为上述定义的图片路径地址。
参考：
vue项目中如何使用echarts引入png图片或者图标(二者均为symbol标识)
相关推荐
精彩评论（0）