Solo diga que tengo una simulación d3-force , y agrego algunas fuerzas como esta:
const simulation = d3 .forceSimulation() .nodes(dots) .force("charge", d3.forceManyBody()) .force("link", d3.forceLink(links)) .force("center", d3.forceCenter()); .on("tick", tick) ¿Es posible enumerar todas esas fuerzas? ¿Algo así como un método de simulation.getForces() por ejemplo? Y haz que regrese ["charge", "link", "center"] .
Me temo que no. Desde la fuente , parece que el mapa de forces no está expuesto en absoluto al exterior. La única solución que se me ocurre es envolver el objeto de simulation.force y almacenar su propio registro (lo cual es un truco), o mantener una matriz de todos los valores posibles y ver si simulation.force(name) devuelve algo:
const width = 600, height = 600; const svg = d3.select("body") .append("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); const g = svg.append("g"); const nodes = Array .from({ length: 20 }) .map(() => { const [x, y] = d3.pointRadial(2 * Math.PI * Math.random(), 200); return { id: Math.random(), x, y }; }); simulation = d3.forceSimulation() .force("collide", d3.forceCollide().radius(20)) .force("manyBody", d3.forceManyBody().strength(30)) .force("center", d3.forceCenter().strength(0.01)) .alpha(0.1) .alphaDecay(0) .nodes(nodes) .on("tick", () => { g.selectAll("circle:not(.exit)") .data(simulation.nodes(), d => d.id) .join( enter => enter.append("circle") .attr("fill", d => d3.interpolateSinebow(d.id)) .attr("r", 1) .transition() .duration(2000) .attr("r", 19) .selection(), update => update .attr("cx", d => dx) .attr("cy", d => dy), exit => exit .classed("exit", true) .transition() .duration(2000) .attr("fill", "#eee") .attr("r", 1) .remove() ); }); const allPossibleForces = [ "x", "y", "manyBody", "collide", "center" ]; const allForces = allPossibleForces.filter(v => simulation.force(v) !== undefined); console.log(allForces); <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.min.js"></script>