使用JS的有向图矩阵可视化

【问题标题】：Directed graph matrix visualization using JS使用JS的有向图矩阵可视化
【发布时间】：2014-05-09 03:03:03
【问题描述】：

我尝试使用protovis matrix 将有向图可视化为矩阵。默认情况下，如果 A->B，protovis 矩阵会填充矩阵中的 2 个块。我只想根据 2 个节点之间的方向填充一个块。如果 A->b 和 B->A 则只应填充两个块。

我力图为此找到任何文档。我可以使用一些 protovis 设置来做到这一点吗？

【问题讨论】：

标签： javascript matrix directed-graph protovis

【解决方案1】：

嗯！！我花了几个小时制作自己的 HTML 表格 matrix。

data.nodedetail.forEach(function(node){
    table += "<tr><td>"+ node.title + "</td>";
    var emptycols ="";
    i++;
    for(j=0;j<i;j++){
        emptycols += "<td></td>";
    }
    if(i!=size){ emptycols += "<td colspan='"+ (size - j) +"'>"+node.title+"</td>";}
    table += emptycols + "</tr>";
});

table = "<table>"+ table + "</table>";

$("#panel").append(table);
i=1;
data.nodedetail.forEach(function(node){
    i++;
    $('table tr:nth-child('+ i +')').addClass(node.id);
    $('table tr td:nth-child('+ i +')').addClass(node.id);
});

后来我才知道我可以通过将protovis矩阵的directedgraph属性设置为true来实现它

【讨论】：