【问题标题】: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)。换句话说,我想根据所属的组为节点着色。

因此:

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

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

【问题讨论】:

    标签: javascript cytoscape.js color-mapping


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2015-11-13
      • 2013-07-14
      • 1970-01-01
      • 2016-05-20
      • 1970-01-01
      • 2014-12-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多