discreteMapperを使用した例

Question

CytoscapeWeb 2.0のdiscreteMapper（jQueryベースのCytoscapeWeb）を使用したいと思いますが、正確に何をする必要があるかを示すサンプルコードが必要です。

私はすでにいくつかのコードのFlashベースCytoscapeWebから採取し

var entityColorMapper = { 
    attrName: "etype", 
    entries: [ { attrValue: "protein", value: "#ff0000" }, 
       { attrValue: "compound", value: "#00ff00" }, 
       { attrValue: "group", value: "#0000ff" } 
      ] 
}; 

を試してみましたし、 "スタイル" 構造で、私は

"node.E": { 
     fillColor: { 
      discreteMapper: entityColorMapper 
     } 
    } 

を持っています

しかし、これは動作していないようです。

Answer 1

それはCytoscapeのWeb 2で異なるです： https://github.com/cytoscape/cytoscapeweb/wiki/StyleObject

// example discrete mapper 
    fillColor: { 
    defaultValue: "grey", 
    discreteMapper: { 
     attr: "type", // field in ele.data() to map to 
     mapped: { 
     "foo": "red", // field value : visual property value 
     "bar": "blue" 
     } 
    } 
    } 

、あなたのスタイルでセレクタを使用することができので、あなたは本当に、離散マッパーを使用する必要はありません。

"node[type='foo']": { fillColor: "red", borderColor: "pink" }, 
"node[type='bar']": { fillColor: "blue" } 

にですCSSによく似た、複数の視覚的なプロパティ（例えば、borderColor）のために[type='blah']のスタイルを別々に分けることができるので、2番目のアプローチを使用する方が良いです。

注意：Cytoscape Web 2では、最初の公式リリースが行われるまで常に最新のプレリリースバージョンで作業してください。 https://github.com/cytoscape/cytoscapeweb/downloads