Cytoscape 中反映重量的边缘答案

【问题标题】：Edges reflecting weight in CytoscapeCytoscape 中反映重量的边缘
【发布时间】：2015-06-10 13:18:39
【问题描述】：

我刚开始研究Cytoscape

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

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

【问题讨论】：

标签： javascript graph cytoscape.js graph-visualization cytoscape

【解决方案1】：

只需在您的stylesheet 中适当地设置您的edge style，并使用mapper。

【讨论】：

【解决方案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'
  }
}]

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

【讨论】：