【问题标题】:Descrete Color Mapping for Node background-color using cytoscape.js使用 cytoscape.js 的节点背景颜色的离散颜色映射
【发布时间】:2019-12-20 14:15:52
【问题描述】:
我是 Javascript 和 Cytoscape.JS 的新手,我尝试根据数据中给定的属性为我的节点使用离散颜色映射。该属性具有例如五个唯一值(a、b、c、d、e)。换句话说,我想根据所属的组为节点着色。
因此:
- 是否可以根据唯一值的数量(此处为 5)自动生成颜色
- 如何将这些颜色分配给所有节点
我希望这个问题是可以理解的。
拉兹鲁
【问题讨论】:
标签:
javascript
cytoscape.js
color-mapping
【解决方案1】:
您可以编写一个函数来生成随机颜色,并创建一个对象映射来存储具有不同值的颜色,例如{a:'#red', b:'#blue'....}。然后在你的节点对象中使用颜色映射设置一个类似bgColor的属性,在节点样式中设置'background-color': 'data (bgColor)'。