博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
GoJS 绘图 (十) :链接(完结)
阅读量:6943 次
发布时间:2019-06-27

本文共 1454 字,大约阅读时间需要 4 分钟。

非定向链接

最简单的链接没有箭头指示方向。

该模板只包含一个形状为主要元素,因为这是在节点之间绘制的线条。链接的路线被计算后将得到一个路径的点。

diagram.nodeTemplate = g(    go.Node,    'Auto',    new go.Binding('location', 'loc', go.Point.Parse),    g(        go.Shape,        'RoundedRectangle',        {            fill: '#ddd'        }    ),    g(        go.TextBlock,        {            margin: 5        },        new go.Binding('text', 'key')    ));diagram.linkTemplate = g(    go.Link,    g(        go.Shape    ));var nodeDateArray = [    { key: 'apple', loc: '0 0'},    { key: 'object-c', loc: '0 150'}];var linkDataArray = [    { from: 'apple', to: 'object-c'}];

定向链接

许多节点都需要用指示的方向性。 GoJS可以很容易地建立方向,只需添加一个形状并设置其Shape.toArrow属性。当然你也可以设置其它形状的属性,如Shape.fill以自定义箭头的外观。

var diagram = new go.Diagram('diagram');var g = go.GraphObject.make;diagram.nodeTemplate = g(    go.Node,    'Auto',    new go.Binding('location', 'loc', go.Point.Parse),    g(        go.Shape,        'RoundedRectangle',        {            fill: '#ddd'        }    ),    g(        go.TextBlock,        {            margin: 5        },        new go.Binding('text', 'key')    ));diagram.linkTemplate = g(    go.Link,    g(        go.Shape        g(            go.Shape,            {                toArrow: 'OpenTriangle',                fill: null            }        )    ));var nodeDateArray = [    { key: 'apple', loc: '0 0'},    { key: 'object-c', loc: '0 150'}];var linkDataArray = [    { from: 'apple', to: 'object-c'}];

目前也就只能先写这么多吧!!入门的话问题不大了

转载地址:http://wwonl.baihongyu.com/

你可能感兴趣的文章
uml类图
查看>>
Flex 3 AdvancedDataGrid的使用(三)
查看>>
ANT命令总结
查看>>
vmware虚拟机
查看>>
java中对List集合对象做排序
查看>>
php安装redis
查看>>
Groovy语法
查看>>
运维堡垒机
查看>>
mysql创建触发器、存储过程、函数等实例
查看>>
MySQL初识
查看>>
账户修改密码后造成SQL Server服务启动异常
查看>>
Win7板凳哥升职记24 Win7技巧速成专区
查看>>
ubuntu 14.04 使用zram
查看>>
遭遇不能拖拽,居然被这样解决了
查看>>
MySQL Slave_IO_Running:NO解决办法
查看>>
邮件服务器案例:农行携手u-mail邮箱系统
查看>>
订单系统开发(仿淘宝和美团网) 之 项目总结(降低数据库并发量)
查看>>
行为型模式之六:责任链模式
查看>>
C#执行DOS命令(CMD命令)
查看>>
RB,CCR设备开启FastTrack
查看>>