javascript - 使用 JS 有向图矩阵可视化

Question

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

我没有找到任何相关文档。我可以使用一些 protovis 设置来做到这一点吗？

Answer 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来实现它