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