细胞角节点的自定义样式

Question

根据某些条件，我想向我的胞景图中的节点添加一些自定义样式。这是可能的吗?具体来说，我想添加多个内边框作为百分比圆圈。我愿意使用预定义的百分比。如下所示：

​

这个是可能的吗？如果有人能建议你做点什么就太好了。我可以使用cystoscape.js中的边框属性获得一个边框。在普通css3中，这可以使用伪元素来完成，但不确定在cytoscape.js中是如何工作的。

Answer 1

Cytoscape.js不支持伪元素。

如果您想要自定义图形，可以使用背景图像。如果希望动态生成它们，则可以使用返回图像URI的函数样式属性值。您可以使用画布API来创建图像。

饼的样式类似于你的图像中的紫色部分，但是你有一个空心的部分--所以最好是生成这个图像。

Answer 2

创建节点时，可以添加额外的信息( API很好)。

NEWnode.push({
            group: "nodes",
            data: {typeCss: 'css1', etc: 'etc'},
            // group: css1,
            // classes: css1
        });

// add node
cy.add(NEWnode);

获取/解析节点信息

cy.nodes().each(function(i) {

}