echarts 地圖標注打點使用本地自定義圖片


echarts  中 symbol參數設置  標記打點的圖形。

ECharts 提供的標記類型包括:'circle''rect''roundRect''triangle''diamond''pin''arrow''none'【圓形、矩形、圓角矩形、三角形、菱形、大頭針型像水滴型、箭頭型、不展示】

以上8種可能不能滿足我們的需求,這時就可以通過'image://url'設置為我們的本地自定義圖片或者網絡上的圖片,也可以使用dataURI、'path://'矢量路徑繪制圖形,詳見官方文檔Documentation - Apache ECharts 。一百多種常見的矢量路徑繪制圖形見鏈接:Make A Pie - 150種legend-----圖例

 

這里就介紹本地自定義圖片或者網絡上的圖片具體寫法如下:

symbol: 'image://'+require('@/assets/11.jpg')      //本地圖片路徑;   網絡圖片:'image://http://xxx.xxx.xxx/a/b.png'
並設置圖形大小  symbolSize: [12,12]       //寬,高設置為圖片的尺寸,這樣圖片標注打點就不會變形了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM