• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript d3-force.forceLink函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了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();
开发者ID:ArtemZag,项目名称:DefinitelyTyped,代码行数:31,代码来源:d3-force-tests.ts


示例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();
    }
}
开发者ID:GordonSmith,项目名称:Visualization,代码行数:62,代码来源:GraphLayouts.ts



注:本文中的d3-force.forceLink函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript d3-force.forceManyBody函数代码示例发布时间:2022-05-25
下一篇:
TypeScript d3-force.forceCollide函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap