小编Fay*_*ews的帖子

D3.js V4强制定向图变焦

我是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)

javascript zoom d3.js

1
推荐指数
1
解决办法
2545
查看次数

标签 统计

d3.js ×1

javascript ×1

zoom ×1