Echarts markPoint

梦雨生生

已于 2024-06-05 15:14:40 修改

阅读量1.2k

点赞数 9

分类专栏： Vue3 前端Echarts 文章标签： echarts 前端 javascript

于 2024-05-30 14:32:32 首次发布

本文链接：https://blog.csdn.net/weixin_62364503/article/details/139323075

版权

Echarts折线图标识基础版

1.每个点位都设置

可以通过 'image://url' 设置为图片，其中 URL 为图片的链接，或者 dataURI。

URL 为图片链接例如：

symbol：'image://http://example.website/a/b.png'

URL 为 dataURI 例如：

symbol：'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'

引入本地地址需要给图片一个变量例如：

import imgUrl from '@/assets/image/home/echartsImg.png'

symbol:`image://${imgUrl }`