在echarts生成的图形上如果利用本地的图片达到标记的效果
想要达到的效果
1.首先我们可以在全局先把这个图片引进来
2.在我们的那个生成图形的方法里面可以这样
let markImg='image://'+baseBg
let littleIcom ='image://'+littleIcon
我console.log(markImg)后,在控制台输出,显然图片已经转成了base64格式了
3.在需要配置的地方
//地图标志框的配置
{
type: 'scatter',
coordinateSystem: 'geo',
label: {
show: true,
formatter: function (params) {
return params.data.num;
},
position: [20, 8, 0, 0],
lineHeight:10,
textAlign:'center',
color: '#ffffff',
fontSize:14
},
symbol: markImg,//可以直接在这里这样使用
symbolSize: [62, 30],
z: 999,
data:data,
}