Question

我刚开始研究Cytoscape

我在查看示例here。我的目标是有一个加权有向图（非常像树状图，除了加权）。我需要让边缘反映重量（无论是长度还是颜色，还有某种视觉指示）。但是，从示例中，无论边缘权重是多少，我都看不到图表中的变化。有谁知道我怎么能做到这一点？

或者，如果有其他JS库可以帮助我可视化加权图，我也很感激指点。

Answer 1

Answer 2

映射器用于允许按元素样式编码。 http://js.cytoscape.org/#style/mappers

不幸的是，文档中缺少对它可以映射的值的更详细说明，以及如何/在何处应用此类映射器的示例：

style: [
{
  selector: 'node',
  style: {
    'content': 'data(name)',
    'font-family': 'helvetica',
    'font-size': 14,
    'text-outline-width': 3,
    'text-outline-color': '#999',
    'text-valign': 'center',
    'color': '#fff',
    'width': 'mapData(weight, 30, 80, 20, 50)',
    'height': 'mapData(height, 0, 200, 10, 45)',
    'border-color': '#fff'
  }
}]

支持的插值（最后两个输入参数）为：颜色（如文档中所述）和数字（如上例所示）。

反映Cytoscape重量的边缘

2 个答案: