javascript - 将网络图与 dc.js/crossfilter.js 集成

Question

我正在寻找有关将网络图表与 dc.js 集成的提示和指导/crossfilter.js `.

假设我有一些这样的数据:

[
    {
        'name': 'john',
        'sexe': 'male',
        'relative': [
            'susy',
            'mark'
        ]
    },
    {
        'name': 'susy',
        'sexe': 'female',
        'relative': [
            'susy',
            'mark'
        ]
    }
    ...
]

使用简单的dc.js我可以很容易地显示协调的饼图，显示男性/女性的比例、同名的人的百分比等。

我想要的是将 dc.js 的功能与网络图相结合，这样我就可以显示谁与谁相关。

这个想法是:当在饼图中选择“女性”时，网络图将重新绘制自身以专门显示女性关系。

我知道这个问题可能很模糊，并且不太符合指南，但我花了几个小时在互联网上挖掘了一个将 dc.js 图表与网络图相结合的示例。

将网络图与 dc.js 集成可以相对容易地实现吗？

Answer 1

您可以尝试dc.graph.js

它遵循与 dc.js 相同的数据模型，使用 crossfilter 和访问器函数。主要区别在于有两个交叉过滤器实例，一个用于节点，一个用于边缘。此外，它还使用边缘上的访问器来检索源框和目标框的键。

dc.graph.js 仍处于实验阶段，但它绝对支持您描述的用例。请尝试一下并报告任何问题或功能请求!