关系图边的命名echarts graph配置项内容和展示

在官网上没有找到怎么设置关系图边的名称的方法,这里使用了一个其他方式替代

配置项如下
      var option = {
		title : {
			text : '自动机'
		},
		tooltip : {},
		animationDurationUpdate : 1500,
		animationEasingUpdate : 'quinticInOut',
		series : [ {
			type : 'graph',
			layout : 'none',
			symbolSize : 50,
			roam : false,
			label : {
				normal : {
					show : true
				}
			},
			edgeSymbol : [ 'circle', 'arrow' ],
			edgeSymbolSize : [ 4, 10 ],
			edgeLabel : {
				normal : {
					textStyle : {
						fontSize : 20
					}
				}
			},
			data : [ {
				name : 'I0',
				x : 300,
				y : 300
			}, {
				name : '节点1',
				x : 700,
				y : 300
			}, {
				name : '节点2',
				x : 800,
				y : 300
			}, {
				name : '节点3',
				x : 550,
				y : 100
			}, {
				name : '节点4',
				x : 550,
				y : 500
			} ],
			// links: [],
			links : [ {
				source : 0,
				target : 1,
				name : '开展',
				tooltip : {trigger: 'item',
					formatter: function(params, ticket, callback) {
			            return params.data.name;
			        }
				},
				symbolSize : [ 5, 20 ],
				label : {
					normal : {
						formatter: function(params, ticket, callback) {
							params.name=params.data.name;
							return params.name;
				        },
						show : true
					}
				},
				lineStyle : {
					normal : {
						width : 5,
						curveness : 0.2
					}
				}
			}, {
				source : '节点2',
				target : '节点1',
				label : {
					normal : {
						show : true
					}
				},
				lineStyle : {
					normal : {
						curveness : 0.2
					}
				}
			}, {
				source : '节点1',
				target : '节点3'
			}, {
				source : '节点2',
				target : '节点3'
			}, {
				source : '节点2',
				target : '节点4'
			}, {
				source : '节点1',
				target : '节点4',
				name : '开展',
				tooltip : {trigger: 'item',
					formatter: function(params, ticket, callback) {
			            return params.data.name;
			        }
				}
			} ],
			lineStyle : {
				normal : {
					opacity : 0.9,
					width : 2,
					curveness : 0
				}
			}
		} ]
	};
	myChart.setOption(option);
    
截图如下