今天在调整前端地图图例时,节点图标与图例图标一直无法统一,尝试过series的name属性等方式均未成功,最后在文档中发现categories,通过该属性成功实现,代码如下:
1.图例相关代码
legend: [{
type: "plain", // 普通图例
show: true,
data: [
{name: '公司', icon: ''},{name: '公司', icon: ''},{name: '公司', icon: ''}
]
}],
2.节点相关代码
series: [{
type: "graph", // 类型-关系图
layout: 'none', // 布局
legendHoverLink: false,
edgeSymbol: ['circle', 'arrow'],
edgeSymbolSize:[1,15],
roam: true,
lineStyle: {
width: 3,
color: '#a4e0df'
},
emphasis: {
lineStyle: {
width: 6
}
},
label: {
show: false,
position: 'insideTop',
color: '#00ffa5',
formatter: '{b}'
},
data:[{symbolSize:20},{symbolSize:20},{symbolSize:20},{symbolSize:20},{symbolSize:20},{symbolSize:20}],
categories: [
{name: '场站',symbol: '',},
{name: '场站',symbol: '',},
{name: '场站',symbol: '',},
], // 对应图例
}],