javascript - 使用 cytoscape.js 对节点背景颜色进行离散颜色映射

Question

我是 Javascript 和 Cytoscape.JS 的新手，我尝试根据数据中给出的属性为我的节点使用离散颜色映射。该属性具有例如五个唯一值（a、b、c、d、e）。换句话说，我想根据所属的组为节点着色。

所以：

1. 是否可以根据唯一值的数量（此处为 5）自动生成颜色
2. 如何将这些颜色分配给所有节点

我希望这个问题是可以理解的。拉兹鲁

标签： javascriptcytoscape.jscolor-mapping

Answer 1

您可以编写一个函数来生成随机颜色，并创建一个对象映射来存储具有不同值的颜色，例如{a:'#red', b:'#blue'....}. 然后在你的节点对象中设置一个属性，就像bgColor在你的节点对象中一样，在刚刚设置的节点样式中使用颜色图'background-color': 'data (bgColor)'。