在 cytoscapeJs 中设置节点样式
Setting node style in cytoscapeJs
正如您在下面看到的,并不是我声明的所有节点样式都有效。我想让节点内的文本变大,在文档中我找到了代码:'labelFontSize': 100。然后,我想让边缘权重(你在图片中看不到但存在)变白,并且代码“labelFontColor”:“white”不起作用。我正在使用 CytoscapeJs。
有人可以向我解释为什么会这样吗?
我的代码如下:
var json_obj = response.Cy_json_archi_prima_di_chiusura_atk_supp
var cy = cytoscape({
container: document.getElementById('cy_atk_supp'),
elements: JSON.parse(json_obj),
style: [
{
selector: 'node',
style: {
'shape': 'circle',
'labelFontSize': 100,
'label': 'data(label)',
'text-valign': 'center',
'text-halign': 'center',
'color': 'black',
"height": 150,
"width": 150,
'border-width': '2px',
'border-color': 'black',
'background-color': '#399AF9'
//'font-size': 20
}
},
{
selector: 'edge',
style:{
'label': 'data(weight)',
'labelFontSize': 300,
"labelFontColor": "white",
'labelFontWeight': 'bold',
'lineColor': 'data(color)',
'width': 3,
'target-arrow-color': 'data(color)',
"curve-style": "bezier",
'target-arrow-shape': 'triangle',
}
}
],
layout: {
name : 'circle'
}
});
这是结果图:
我查错了图书馆。
对于 cytoscapeJS,这些是正确的样式选项:https://js.cytoscape.org/#style/labels
正如您在下面看到的,并不是我声明的所有节点样式都有效。我想让节点内的文本变大,在文档中我找到了代码:'labelFontSize': 100。然后,我想让边缘权重(你在图片中看不到但存在)变白,并且代码“labelFontColor”:“white”不起作用。我正在使用 CytoscapeJs。
有人可以向我解释为什么会这样吗?
我的代码如下:
var json_obj = response.Cy_json_archi_prima_di_chiusura_atk_supp
var cy = cytoscape({
container: document.getElementById('cy_atk_supp'),
elements: JSON.parse(json_obj),
style: [
{
selector: 'node',
style: {
'shape': 'circle',
'labelFontSize': 100,
'label': 'data(label)',
'text-valign': 'center',
'text-halign': 'center',
'color': 'black',
"height": 150,
"width": 150,
'border-width': '2px',
'border-color': 'black',
'background-color': '#399AF9'
//'font-size': 20
}
},
{
selector: 'edge',
style:{
'label': 'data(weight)',
'labelFontSize': 300,
"labelFontColor": "white",
'labelFontWeight': 'bold',
'lineColor': 'data(color)',
'width': 3,
'target-arrow-color': 'data(color)',
"curve-style": "bezier",
'target-arrow-shape': 'triangle',
}
}
],
layout: {
name : 'circle'
}
});
这是结果图:
我查错了图书馆。
对于 cytoscapeJS,这些是正确的样式选项:https://js.cytoscape.org/#style/labels