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] //寬,高設置為圖片的尺寸,這樣圖片標注打點就不會變形了
