2017-04-11 2 views
0

Ich arbeite mit einem Projekt mit cytoscape.js, dass sein Datenknoten dieses Objekt hat.cytoscape css-Selektor zu einem verschachtelten Objekt

data = { 
    id: "some-id-here" 
    name: "Area Chart", 
    description: "Some cool chart" 
    report: { 
    type: "areachart", 
    data: [{ 
     label: [...], 
     series: [...] 
     } 
    ] 
    } 
} 

Ich beabsichtige, ein anderes Symbol zu jedem der Diagramme auf der Platine zu setzen. Ich bin Tring so mit der cytoscape.stylesheet() Funktion zu tun wie oben:

cytoscape.stylesheet() 
.selector('node[report\\.type = \'areachart\']') 
.css({ 
    'background-image': 'assets/img/flow/bg-areachart.png' 
}) 

Auch wenn ich den Notes & Caveat Anweisungen folgen, dieses Beispiel funktioniert nicht. Unterstützt cytoscape.js die Auswahl geschachtelter Objekteigenschaften? Wenn ja, wie kann ich es zum Laufen bringen?

Antwort

1

Es wird nicht unterstützt, und ich denke, es wäre wahrscheinlich zu teuer, um zu unterstützen. Die Selektoren sind nur für einfache Datenvergleiche gedacht. Sie können entweder Ihr Objekt abflachen oder Sie können eine benutzerdefinierte Zuordnungsfunktion verwenden, die Arten von Knoten und die zugehörigen Hintergrundbilder unterscheidet: http://js.cytoscape.org/#style/mappers

+0

Vielen Dank! Das wird mir helfen, etwas an seinen Platz zu bringen! – calebeaires

Verwandte Themen