本文整理汇总了TypeScript中d3-force.forceManyBody函数的典型用法代码示例。如果您正苦于以下问题：TypeScript forceManyBody函数的具体用法？TypeScript forceManyBody怎么用？TypeScript forceManyBody使用的例子？那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了forceManyBody函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: forceLink
num = forceLink.iterations();
// Use Link force -----------------------------------------------------------------
forceLink.initialize(graph.nodes);
forceLink(0.1); // alpha
// ManyBody ============================================================================
// create ManyBody force --------------------------------------------------------------
let forceCharge: d3Force.ForceManyBody<SimNode>;
forceCharge = d3Force.forceManyBody<SimNode>();
// Configure ManyBody force -----------------------------------------------------------
let simNodeNumberAccessor: (node: SimNode, i: number, nodes: SimNode[]) => number;
// strength
forceCharge = forceCharge.strength(-3000);
forceCharge = forceCharge.strength(function (node, index, nodes) {
let n: SimNode = node;
let i: number = index;
let ns: SimNode[] = nodes;
return -1000 * n.group;
});
simNodeNumberAccessor = forceCharge.strength();示例2: ForceDirected
export function ForceDirected(graphData: GraphData, width, height, options) {
options = options || {};
const context = this;
this.pos = {};
this.vertices = [];
this.vertexMap = {};
graphData.eachNode(function (u) {
const vertex = graphData.node(u);
const size = vertex.getBBox();
const newItem = {
id: u,
x: vertex.pos().x,
y: vertex.pos().y,
width: size.width,
height: size.height,
value: vertex
};
context.vertices.push(newItem);
context.vertexMap[u] = newItem;
});
this.edges = [];
graphData.eachEdge(function (_e, s, t) {
context.edges.push({
source: s,
target: t
});
});
const forceLink = d3ForceLink()
.id(function (d: any) {
return d.id;
})
.distance(options.linkDistance)
.strength(options.linkStrength)
;
const forceManyBody = d3ForceManyBody()
.strength(function (d: any) {
const cs = d.value.getBBox();
return options.charge * Math.max(cs.width, cs.height);
})
;
this.force = d3ForceSimulation()
.force("link", forceLink)
.force("charge", forceManyBody)
.force("center", d3ForceCenter(width / 2, height / 2))
.velocityDecay(options.oneShot ? 0.1 : options.friction)
.nodes(this.vertices)
;
forceLink
.links(this.edges)
;
if (options.oneShot) {
this.force.restart();
let total = graphData.nodeCount();
total = Math.min(total * total, 500);
for (let i = 0; i < total; ++i) {
this.force.tick();
}
this.force.stop();
}
}