我正在使用强制布局图来显示网络,但在更新数据时遇到问题.
我已经检查了如何在基础数据发生变化时更新D3力布局的元素,当然还有"修改力布局"以及来自D3.js 的" mbostock " 的"常规更新模式" (不幸的是,我只能最多发布两个链接...).
我的代码基于"移动专利套装"示例,有一些修改和差异.你可以在这里查看我的完整代码:
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.link {
fill: none;
stroke: #666;
stroke-width: 1.5px;
}
#licensing {
fill: green;
}
.link.licensing {
stroke: green;
}
.link.resolved {
stroke-dasharray: 0,2 1;
}
circle {
fill: #ccc;
stroke: #333;
stroke-width: 1.5px;
}
text {
font: 10px sans-serif;
pointer-events: none;
text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}
</style>
<body>
<!-- add an update …