本文整理汇总了TypeScript中d3-force.forceLink函数的典型用法代码示例。如果您正苦于以下问题：TypeScript forceLink函数的具体用法？TypeScript forceLink怎么用？TypeScript forceLink使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了forceLink函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: forceCollide
num = forceCollide.iterations();
// Use Collision force -----------------------------------------------------------------
forceCollide.initialize(graph.nodes);
forceCollide(0.1); // alpha
// Link ================================================================================
// create Link force --------------------------------------------------------------
let forceLink: d3Force.ForceLink<SimNode, SimLink>;
// without link data
forceLink = d3Force.forceLink<SimNode, SimLink>();
// with link data
forceLink = d3Force.forceLink<SimNode, SimLink>(graph.links);
// Configure Link force -----------------------------------------------------------
let linkNumberAccessor: (link: SimLink, i: number, links: SimLink[]) => number;
let nodeIdAccessor: (node: SimNode, i: number, nodes: SimNode[]) => number | string;
// links
forceLink = forceLink.links(graph.links);
simLinks = forceLink.links();示例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();
}
}