cytoscape如何控制子节点在父节点中的位置?
<ReactCytoscape
containerID="federation"
elements={this.getElements()}
style={this.cyStyle()}
cyRef={cy => { this.cyRef(cy) }}
cytoscapeOptions={this.cyOptions()}
layout={this.cyLayout()}
/>
nodes:
getElements = () => {
return {
nodes: [
{
data: { id: 'main', name: '主集群', label: '192.168.1.1\n主集群' },
lock: true,
position: {
x: 100,
y: 200,
},
},
{
data: { parent: 'main' },
classes: 'setting',
position: {
x: 900,
y: 200,
},
},
{
data: { id: 'b' },
},
...this.state.subClusterList,
...this.state.settingBtns,
],
edges: [ ...this.state.lines ],
}
样式:
{
selector: 'node',
css: {
'text-valign': 'center',
'text-margin-y': 20,
'background-color': '#fff',
shape: 'roundrectangle',
'border-color': '#2db7f5',
'border-width': 1,
color: '#2db7f5',
},
},
{
selector: '.setting',
css: {
shape: 'rectangle',
'background-image': setting,
'border-opacity': 0,
'background-position-y': '10px',
},
},
{
selector: '#main',
css: {
'min-width': 140,
'min-height': 100,
'background-image': main,
'background-position-y': '10px',
'text-background-shape': 'roundrectangle',
'text-background-color': 'red',
'text-max-width': 80,
'text-wrap': 'wrap',
label: 'data(label)',
},
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
请问楼主解决了吗?我现在也有这问题