使用discreteMapper的示例

  • Z时代
  • 2024-01-10
  • 分类：问答

我想使用CytoscapeWeb 2.0（也就是基于jQuery的CytoscapeWeb）的discreteMapper，但需要一些示例代码来说明我到底需要做什么。使用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 
     } 
    }

但这似乎并不奏效。

回答：

它在不同的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" }

这是更好地使用第二种方法，因为您可以一次为几个视觉属性（例如borderColor）分开[type='blah']的样式，非常像CSS。

切记：确保始终使用最新的预发布版本，而Cytoscape Web 2直到第一次正式发布。 https://github.com/cytoscape/cytoscapeweb/downloads

以上是 使用discreteMapper的示例 的全部内容， 来源链接： utcz.com/qa/259764.html

回到顶部