Javascript 如何拥有一个节点'；s名称是否与使用Cytoscape.js的ID不同？

我正在使用Cytoscape.js构建一个web应用程序，它可以可视化蛋白质相互作用数据

蛋白质（节点）需要ID对应于代表其染色体位置的字符串，因为这是通用的。但是，我希望它们能够可视化，或者与它们的通用名称一起显示，而不是它们的ID

---

你知道怎么做吗？Cytoscape文档似乎没有答案。

您可以在数据字段中指定节点名称。如果要将该名称显示为节点标签，只需使用字段

标签：“数据（名称）”

：

var cy=（window.cy=cytoscape({
容器：document.getElementById（“cy”），
boxSelectionEnabled:false，
自动取消选择：true，
风格：[{
选择器：“节点”，
css:{
标签：“数据（名称）”，//使用“数据（…）”访问节点数据
//标签：“数据（id）”，
“文本有效”：“中心”，
“文本halign”：“中心”，
高度：“60px”，
宽度：“100px”，
形状：“矩形”，
“背景色”：“数据（faveColor）”
}
},
{
选择器：“边缘”，
css:{
“曲线样式”：“贝塞尔”，
“控制点步长”：40，
“目标箭头形状”：“三角形”
}
}
],
要素：{
节点：[{
数据：{
id:“顶部”，
faveColor:#2763c4“，
姓名：“史蒂夫”
}
},
{
数据：{
id:“是”，
faveColor:#37a32d“，
姓名：“拉里”
}
},
{
数据：{
id:“否”，
faveColor:#2763c4“，
名称：“猕猴桃”
}
},
{
数据：{
id:“第三”，
faveColor:#2763c4“，
姓名：“亚历克斯”
}
},
{
数据：{
id:“第四”，
faveColor:#56a9f7“，
名字：“维德”
}
}
],
边缘：[{
数据：{
资料来源：“顶部”，
目标：“是”
}
},
{
数据：{
资料来源：“顶部”，
目标：“不”
}
},
{
数据：{
资料来源：“否”，
目标：“第三”
}
},
{
数据：{
资料来源：“第三”，
目标：“第四”
}
},
{
数据：{
资料来源：“第四”，
目标：“第三”
}
}
]
},
布局：{
姓名：“达格雷”
}
}));
正文{
字体：14px helvetica neue，helvetica，arial，无衬线；
}
#赛义德{
身高：100%；
宽度：100%；
左：0；
排名：0；
浮动：左；
位置：绝对位置；
}