嵌套对象的 cytoscape css 选择器

Question

我正在处理一个项目 cytoscape.js，它的数据节点有这个对象。

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是否支持选择嵌套对象属性？如果是这样，我怎样才能让它发挥作用？

Answer 1

它不受支持，我认为支持它可能太昂贵了。选择器仅用于简单的数据比较。您可以展平对象，也可以使用自定义映射器函数来区分节点类型及其关联的背景图像：http://js.cytoscape.org/#style/mappers

嵌套对象的 cytoscape css 选择器

cytoscape css selector to an nested object

cytoscape.js