我是D3的新手,我只是在试验它的功能.原谅我,如果这已经被覆盖,但我似乎无法找到一种方法来实现缩放到我的D3.js v4强制导向图.我的代码如下.
任何有关这方面的帮助将不胜感激
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.links line {
stroke: #999;
stroke-opacity: 0.6;
}
.nodes circle {
stroke: #fff;
stroke-width: 1.5px;
}
</style>
<div class="centre jumbotron">
<h1> Title </h1>
<h2>
This is the home page
</h2>
</div>
<svg width="960" height="600"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function(d) { return d.id; }))
.force("charge", d3.forceManyBody())
.force("center", d3.forceCenter(width / 2, height / 2));
d3.json("network_data#all", function(error, …Run Code Online (Sandbox Code Playgroud)