1 顶部的图标样式代码
legend: {
// data: ['图标1', '图标2'],
itemWidth: 15,
itemHeight: 15,
data: [{
name:'图标1',
// eslint-disable-next-line max-len
icon: 'image://' + store.imgPatrolY,//其中store.imgPatrolY是指通过工具生成的图片地址
},{
name:'图标2',
// eslint-disable-next-line max-len
icon: 'image://' + store.imgPatrolR,//其中store.imgPatrolR是指通过工具生成的图片地址
}],
left:'right',
textStyle: {
color: '#b2cfee' //自定义文字字体颜色
},
padding: [0, 50, 20, 20],
},
2.折线上的节点样式设置
series: [
{
name: '图标1',
type: 'line',
smooth: false,
lineStyle: {
color: '#FDFE02',
width: 1
},
// eslint-disable-next-line max-len
symbol:'image://' + store.imgPatrolY, //上同
symbolSize: 12,
data: list1
},
{
name: '图标2',
type: 'line',
smooth: false,
lineStyle: {
color: '#B88DFF',
width: 1
},
// eslint-disable-next-line max-len
symbol:'image://' + store.imgPatrolR, //上同
symbolSize: 12,
data: list2
},
]
3.总结
其实就是 'image://' +图片路径,这个图片路径先前尝试了一会推荐使用工具生成(工具链接:http://tu.chacuo.net/imagetodataurl)。
4.补充