2017-04-11 133 views
0

我正在與cytoscape.js項目,其數據節點具有此對象。cytoscape css選擇器嵌套對象

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

我打算把不同的圖標放在電路板上的每個圖表上。我特林與cytoscape.stylesheet()函數來進行類似上面:

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

即使我跟隨Notes & Caveat說明,本例中是行不通的。 cytoscape.js是否支持選擇嵌套對象屬性?如果是這樣,我該如何使它工作?

回答

1

這不被支持,我認爲這可能是太昂貴的支持。選擇器僅用於簡單的數據比較。您可以將對象弄平,也可以使用自定義的映射函數來區分節點類型和其關聯的背景圖像:http://js.cytoscape.org/#style/mappers

+0

謝謝!這將幫助我把事情放在原地! – calebeaires