2017-04-11 98 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