Resize Kraft Zentrierung/Wechsel Zentrum - d3js v4

Ich möchte, dies zu tun: Resizable Force Layout Resize Kraft Zentrierung/Wechsel Zentrum - d3js v4

Aber mit d3v4!

Ich glaube, ich habe diese Linie zu konvertieren, von v3

force.size([width, height]).resume();

Im v4 doc in v4, fand ich dies: v4 Doc about centering force/center.x & center.y

ich viele Dinge ausprobiert! Aber ohne Erfolg.

Vielen Dank im Voraus :)

(und vielen Dank an mbostock für d3js erstellen: D)

Quelle

2016-07-02 The Ninja

Ich verstand die doc!

var simulation = d3 
    .forceSimulation() 
    .force("center", d3.forceCenter(window.innerWidth/2, window.innerHeight/2))

Um das Zentrum zu ändern

simulation.force("center") 
    .x(window.innerWidth/2) 
    .y(window.innerHeight/2); 

simulation.alpha(0.3).restart();

Quelle

2016-07-02 13:13:34

Ich versuche, diese zu verwenden, aber es funktioniert für mich nicht wirklich. Ich kann jedoch sehen, wie der Code die Position des Kraftdiagramms ändert, aber ich sehe nicht, dass ich die Größe ändern würde (verkleinern oder vergrößern), je nach dem sich ändernden Fenster. – Fede9390

@ Fede9390 Wenn Sie die Größe eines SVG-Elements entsprechend Ihrer Fenstergröße ändern möchten: 'window.addEventListener (" resize ", function() { \t svg.attr (" Breite ", window.innerWidth) .attr (" Höhe ", window.innerHeight); });' –

Resize Kraft Zentrierung/Wechsel Zentrum - d3js v4

Antwort

Verwandte Themen