echarts关系图简单配置

option = {
tooltip: {},
animationDurationUpdate: 1500,
animationEasingUpdate: 'quinticInOut',
series: [
{
type: 'graph',
layout: 'none',
symbol:
'image://https://echarts.apache.org/zh/images/logo.png?_v_=20240226',
symbolSize: 90,
roam: true,
label: {
show: true,
fontSize: 14,
position: 'bottom'
},
edgeSymbol: ['none', 'none'], //'circle', 'arrow'
edgeSymbolSize: [4, 10],
edgeLabel: {
fontSize: 20
},
data: [
{
name: '酒店',
x: 300,
y: 300
},
{
name: '蔬菜派送',
x: 800,
y: 300
},
{
name: '餐具配送',
x: 550,
y: 100
},
{
name: '洗漱用品配送',
x: 550,
y: 500
}
],
links: [
{
source: '酒店',
target: '餐具配送',
label: {
show: true,
formatter: (params) => {
return '3843';
}
}
},
{
source: '酒店',
target: '洗漱用品配送',
label: {
show: true,
formatter: (params) => {
return '3843';
}
}
},
{
source: '酒店',
target: '蔬菜派送',
label: {
show: true,
formatter: (params) => {
return '3843';
}
}
}
],
lineStyle: {
opacity: 0.9,
width: 2,
curveness: 0
}
}
]
};