d3网络图窗口边界

Question

我有一个简单的网络图。它包含了连接它们的圆形元素和线条。现在有时可能会有相当多的这些圈子，他们会在屏幕后面看到（见附图）。 图像没有切断边缘，它的边缘我的屏幕:)

它的力量图（使用的代码可以在这fiddle找到）。设置width = 400; height = 500;或更改这两个变量并没有什么帮助。 我在这里丢失了什么变量。我喜欢他们不要在屏幕后面走，或者它应该如何表现？

谢谢， 尼尔

Answer 1

DEMO

map.set('C1', { 
    fixed: true, 
    x: 100, 
    y: height/2 
    }); 

问题是，你的 'C1' 被固定在X轴100，根据自己的需要

它更改为200或250

map.set('C1', { 
     fixed: true, 
     x: 250, 
     y: height/2 
     }); 

O [R

你可以改变fixed: false,来达到同样的DEMO2

map.set('C1', { 
    fixed: false, 
    x: 100, 
    y: height/2 
    }); 

OR

组C1宽度的一半DEMO3

map.set('C1', { 
    fixed: true, 
    x: width/2, 
    y: height/2 
    });