Echarts的legend改變圖例圖標爲自定義圖片

legend 中自定義圖片, 在legend中,icon上面直接輸入圖片路徑就可以
eg 你輸入

icon:‘image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7’

在這裏插入圖片描述

但是如果是本地的相對路徑的地址呢,
直接修改

 icon:'image://./images/icon1.png'//格式爲'image://+icon文件地址',其中image::後的//不能省略

我上網搜的確實是這樣
我也在我的項目中引用同樣的
在這裏插入圖片描述

這個路徑下面我有放一張圖片, 但是我這樣寫 並沒有顯現出來
在這裏插入圖片描述

項目是在react中寫的
所以我又換了一種引入方式

在這裏插入圖片描述
圖片放在頂部import 進來
在這裏插入圖片描述
這種引入方式就成功了
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章