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] //宽,高设置为图片的尺寸,这样图片标注打点就不会变形了