graph 中 如何给 label 添加点击事件？echarts graph配置项内容和展示
如图，现在我已经实现点击蓝色小圆点item 进行页面跳转，我想实现 点击 圆点右边的文章字有相同跳转
配置项如下
option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove',
showContent: false,
},
animationDuration: 550,
animationDurationUpdate: 750,
series: [{
type: 'graph',
layout: 'none',
symbolSize: 8,
itemStyle: {
normal: {
borderWidth: 2,
borderColor: '#0090ff',
color: '#f5f5f5',
},
},
lineStyle: {
normal: {
opacity: 0.6,
smooth: true,
width: 1,
curveness: 0
}
},
label: {
normal: {
show: true,
clickable: true,
position: 'right',
fontSize: 15,
color: '#000'
}
},
data: [{
name: "植保无人机",
x: 0,
y: 267.5,
value: 325688
},
{
name: "冯华",
x: 195,
y: 74.9,
value: "326264@2"
},
{
name: "汪建沃",
x: 195,
y: 90.95,
value: "326262@2"
},
{
name: "阮波",
x: 195,
y: 107,
value: "326265@2"
},
{
name: "何雄奎",
x: 195,
y: 123.05000000000001,
value: "326273@2"
},
{
name: "沈建文",
x: 195,
y: 139.1,
value: "326285@2"
},
{
name: "行业专家(10)",
x: 97.5,
y: 107,
value: 137
},
{
name: "星图无人机",
x: 195,
y: 155.14999999999998,
value: "326465@144583"
},
{
name: "腾云智航",
x: 195,
y: 171.19999999999996,
value: "326476@144583"
},
{
name: "斯帕克科技",
x: 195,
y: 187.25,
value: "326478@144583"
},
{
name: "绿卫士农业无人机",
x: 195,
y: 203.3,
value: "326472@144583"
},
{
name: "迅蚁网络",
x: 195,
y: 219.35000000000002,
value: "326474@144583"
},
{
name: "竞品洞察(18)",
x: 97.5,
y: 187.25,
value: 138
},
{
name: "华控基金",
x: 195,
y: 235.4,
value: "11809@4"
},
{
name: "上海鼎锋资产",
x: 195,
y: 251.45,
value: "11816@4"
},
{
name: "云启资本",
x: 195,
y: 267.5,
value: "11821@4"
},
{
name: "亚杰天使投资",
x: 195,
y: 283.55,
value: "11822@4"
},
{
name: "BWVC泽厚资本",
x: 195,
y: 299.6,
value: "11827@4"
},
{
name: "寻找投资者(6)",
x: 97.5,
y: 267.5,
value: 139
},
{
name: "北京北方星创科技有限公司(无人机技术支持)",
x: 195,
y: 315.65000000000003,
value: "1077@8"
},
{
name: "天津全华时代航天科技发展有限公司(基础构件)",
x: 195,
y: 331.70000000000005,
value: "1177@8"
},
{
name: "石家庄欧信电子科技有限公司(生产集成)",
x: 195,
y: 347.75000000000006,
value: "1707@8"
},
{
name: "泰科电子（上海）有限公司(基础构件)",
x: 195,
y: 363.80000000000007,
value: "262@8"
},
{
name: "深圳常锋信息技术有限公司(基础构件)",
x: 195,
y: 379.8500000000001,
value: "1518@8"
},
{
name: "上游产业伙伴(56)",
x: 97.5,
y: 347.75,
value: 140
},
{
name: "云南鑫普来克斯航空设备技术有限公司(线下代理商)",
x: 195,
y: 395.9,
value: "303@8"
},
{
name: "山西亚太数字遥感新技术有限公司(其他服务)",
x: 195,
y: 411.95,
value: "360@8"
},
{
name: "云南领安科技有限公司(其他服务)",
x: 195,
y: 428,
value: "374@8"
},
{
name: "成都天麒科技有限公司(租赁)",
x: 195,
y: 444.05,
value: "389@8"
},
{
name: "湖南翔为通航(租赁)",
x: 195,
y: 460.1000000000001,
value: "441@8"
},
{
name: "配套服务(100)",
x: 97.5,
y: 428,
value: 142
}
],
links: [{
source: "行业专家(10)",
target: "冯华",
lineStyle: {
normal: {
curveness: 0.12
}
}
},
{
source: "行业专家(10)",
target: "汪建沃",
lineStyle: {
normal: {
curveness: 0.06
}
}
},
{
source: "行业专家(10)",
target: "阮波",
lineStyle: {
normal: {
curveness: 0
}
}
},
{
source: "行业专家(10)",
target: "何雄奎",
lineStyle: {
normal: {
curveness: -0.06
}
}
},
{
source: "行业专家(10)",
target: "沈建文",
lineStyle: {
normal: {
curveness: -0.12
}
}
},
{
source: "植保无人机",
target: "行业专家(10)",
lineStyle: {
normal: {
curveness: 0.12
}
}
},
{
source: "竞品洞察(18)",
target: "星图无人机",
lineStyle: {
normal: {
curveness: 0.12
}
}
},
{
source: "竞品洞察(18)",
target: "腾云智航",
lineStyle: {
normal: {
curveness: 0.06000000000000005
}
}
},
{
source: "竞品洞察(18)",
target: "斯帕克科技",
lineStyle: {
normal: {
curveness: 0
}
}
},
{
source: "竞品洞察(18)",
target: "绿卫士农业无人机",
lineStyle: {
normal: {
curveness: -0.06000000000000005
}
}
},
{
source: "竞品洞察(18)",
target: "迅蚁网络",
lineStyle: {
normal: {
curveness: -0.1200000000000001
}
}
},
{
source: "植保无人机",
target: "竞品洞察(18)",
lineStyle: {
normal: {
curveness: 0.06000000000000001
}
}
},
{
source: "寻找投资者(6)",
target: "华控基金",
lineStyle: {
normal: {
curveness: 0.12
}
}
},
{
source: "寻找投资者(6)",
target: "上海鼎锋资产",
lineStyle: {
normal: {
curveness: 0.06000000000000005
}
}
},
{
source: "寻找投资者(6)",
target: "云启资本",
lineStyle: {
normal: {
curveness: 0
}
}
},
{
source: "寻找投资者(6)",
target: "亚杰天使投资",
lineStyle: {
normal: {
curveness: -0.06000000000000005
}
}
},
{
source: "寻找投资者(6)",
target: "BWVC泽厚资本",
lineStyle: {
normal: {
curveness: -0.1200000000000001
}
}
},
{
source: "植保无人机",
target: "寻找投资者(6)",
lineStyle: {
normal: {
curveness: 0
}
}
},
{
source: "上游产业伙伴(56)",
target: "北京北方星创科技有限公司(无人机技术支持)",
},
{
source: "上游产业伙伴(56)",
target: "天津全华时代航天科技发展有限公司(基础构件)",
},
{
source: "上游产业伙伴(56)",
target: "石家庄欧信电子科技有限公司(生产集成)",
},
{
source: "上游产业伙伴(56)",
target: "泰科电子（上海）有限公司(基础构件)",
},
{
source: "上游产业伙伴(56)",
target: "深圳常锋信息技术有限公司(基础构件)",
},
{
source: "植保无人机",
target: "上游产业伙伴(56)",
lineStyle: {
normal: {
curveness: -0.06000000000000001
}
}
},
{
source: "配套服务(100)",
target: "云南鑫普来克斯航空设备技术有限公司(线下代理商)",
},
{
source: "配套服务(100)",
target: "山西亚太数字遥感新技术有限公司(其他服务)",
},
{
source: "配套服务(100)",
target: "云南领安科技有限公司(其他服务)",
lineStyle: {
normal: {
curveness: 0
}
}
},
{
source: "配套服务(100)",
target: "成都天麒科技有限公司(租赁)",
lineStyle: {
normal: {
curveness: -0.06000000000000005
}
}
},
{
source: "配套服务(100)",
target: "湖南翔为通航(租赁)",
lineStyle: {
normal: {
curveness: -0.1200000000000001
}
}
},
{
source: "植保无人机",
target: "配套服务(100)",
lineStyle: {
normal: {
curveness: -0.12000000000000002
}
}
}
],
left: '20px',
/*top : '3%',
bottom: '3%',*/
roam: true,
}],
};
截图如下
