在 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