如何在cytoscape.js中自定义边缘,以使虚线和动画/闪烁?

时间:2019-05-06 08:36:32

标签: javascript customization cytoscape.js edges

我在cytoscape.js中有图形,我希望某些边缘被虚线化(或类似的东西),特定的边缘具有效果动画(如闪烁,动画,在其上移动一些东西)。 )。有例子吗?

1 个答案:

答案 0 :(得分:1)

您可以在官方文档中找到这些内容:

为了使边缘点缀或虚线,请按照here

进行操作
cytoscape({
    container: document.getElementById('cy'),
    elements: {
        nodes: [
            ...
        ],
        edges: [
            ...
        ]
    },

    layout: {
        ...
    },    
    style: [{
        selector: 'edge',
        style: {
            'line-style': 'data(style)' //e.g dotted
        }
    }]
});

动画也在文档here中进行了说明。如果您需要动画方面的帮助,则必须更加具体,并提供代码(您已经尝试过的内容)。