YiFeng-Liu

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

分类:

技术点:

相关文章: