javascript - Cytoscape 中反映重量的边缘

Question

我刚开始研究Cytoscape

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

或者，如果有其他 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'
  }
}]

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