1

CytoscapeWeb 2.0 (つまり、jQuery ベースの CytoscapeWeb) の DiscreteMapper を使用したいのですが、正確に何をしなければならないかを示すサンプル コードが必要です。

私はすでにFlashベースのCytoscapeWebから取ったいくつかのコードを試してみました

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

そして、私が持っている「スタイル」構造で

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

しかし、これはうまくいかないようです。

4

1 に答える 1

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" }

2 番目の方法を使用することをお勧めします。これは、CSS のように、[type='blah']一度に複数のビジュアル プロパティ (例: ) のスタイルを分離できるためです。borderColor

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

于 2012-05-02T18:40:59.587 に答える