Cytoscape.js動畫節點顏色

Question

我試圖了解有關Cytoscape.js動畫的更多信息。 查看此處的文檔，如果我理解正確的話，應將節點顏色在一秒鍾內更改為藍色，請稍等片刻，然后將節點顏色更改為黃色。 但是，當我點擊按鈕查看示例時，它什么也沒做。

我嘗試在自己的代碼中執行類似的操作：

$(function() {
    $('#cy').cytoscape({
        style: cytoscape.stylesheet()
            .selector('node')
                .css({
                    'content': 'data(name)',
                    'text-valign': 'center',
                    'color': 'black'
                }),

        ready: function(){
            window.cy = this;

            cy.add({
                group: 'nodes',
                data: {name: 'test', id: '1'},
                position: {x: 200, y: 100}
            });

            cy.nodes().animate({
                style: {
                    'background-color': 'blue'
                }
            }, {
                duration: 2000,
                complete: function() {
                    console.log("Done");
                }
            });
        }
    });
});

但是顏色還是不變的

最終，我希望使用動畫和樣式來動畫化節點的大小，但是我只是想弄清楚對其進行動畫處理的基本知識，並被困在這里。 先謝謝您的幫助！

Answer 1

style別名似乎無效。 嘗試使用css代替style直到修復：

https://github.com/cytoscape/cytoscape.js/issues/1047