gojs
文章平均质量分 76
加冰 麋鹿的二狼
这个作者很懒,什么都没留下…
展开
-
GOJS ES6语法下引入js 扩展的问题
GitHub扩展js下载地址NPM拉取的gojs 可以忽略这一步存放到项目目录(目录自定义)/assets/icelib/js/中打开GuidedDraggingTool.js文件,删除第一行代码,非npm拉取的没这个文件原创 2023-05-12 19:14:25 · 610 阅读 · 0 评论 -
Group相关问题-组内节点限制移动范围
1.在节点中定义dragComputation,限制节点的移动范围注意事项组节点不定义go.Placeholder ,设置了占位符后组内节点移动将改变组节点位置dragComputation中自定义stayInGroup计算规则是根据groupNode的resizeObject计算如果开启了resizable:true,建议指定其改变大的零部件resizeObjectName: “PH”,<!DOCTYPE html><html> <head lang="e原创 2023-05-12 18:48:18 · 540 阅读 · 0 评论 -
gojs不显示图表选中边框
点击图表不显示div不显示边框图例,默认点击图表会显示,有颜色的边框,浏览器不同颜色也不同解决方案设置canvas<style type="text/css"> canvas { border: 0px; outline: none; }</style>...原创 2021-01-15 17:36:49 · 538 阅读 · 0 评论 -
在Vue中使用gojs
在Vue中使用gojs 的两种方式 普通使用 <!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas { ...原创 2019-11-28 19:58:47 · 1459 阅读 · 0 评论 -
gojs Node 中文文档
PS:整篇Node节点的翻译校对编写大概花了接近十个小时吧,其中大部分时间花在API 翻译过后描述又不是是很直白,甚至语义错误,一点点调整校对,其中大部分API都一个个自己使用测试一遍了解其实现效果,再根据描述编写,如果有不正确的请在评论区指出。HierarchyGraphObject Panel Part Node Group 节点是...原创 2019-11-12 21:05:52 · 5813 阅读 · 0 评论 -
gojs DiagramEvent 图表事件中文文档
图表事件Hierarchy图表事件图表事件是比输入事件更抽象的事件. 它们是在图表类上触发的. 可以通过调用Diagram.addDiagramListener. 在图表上注册一个图表侦听器来接收此类事件.调用侦听器函数时,将传递一个图表事件实例. 使用name属性确定它是哪种图表事件.图表属性引用图表, 您可以从中获得附加信息,例如Diagram.lastInput,反过来...原创 2019-11-11 17:42:16 · 1895 阅读 · 2 评论 -
gojs-go.Panels(面板元素)
//官网例子更好Auto布局myDiagram.nodeTemplateMap.add("Auto布局", $(go.Node, $(go.Panel, "Auto", { background: "#F5F5F5" }, $(go.Shape, "RoundedRectangle", { width: 1...原创 2019-02-28 17:46:48 · 3143 阅读 · 7 评论 -
gojs 生成Img 并下载
//画布生成Img 的其他属性定义详情查看gojs api,myDiagram.makeImage();//通过gojs API获取画布的img对象img = myDiagram.makeImage({scale: 1,});// 将图片的src属性作为URL地址var url = img.src;var a = document.createElement('a');var ...原创 2018-10-26 11:39:06 · 1741 阅读 · 2 评论 -
gojs 关于validCycle 没有验证api创建的线的解决方案
在画布定义中,设置validCycle的验证规则,只能对用户在手动在画布上绘制线进行验证,如果是addLinkData添加的线则没有生效,所以我们需要在addLinkData前先判断一下是否符合validCycle的验证规则,符合才允许添加主要用到的有toolManager.linkingTool工具基类中的isValidCycle验证函数 isValidCycle(f...原创 2018-10-16 10:50:58 · 458 阅读 · 0 评论 -
gojs 删除前事件SelectionDeleting的使用
根据对象数据进行判断节点、线是否可以删除的时候 使用PS:GOJS 1.6~1.9.?,2.0以后e.cancel = true不能使用以下例子为根据key 判断是否可以删除,如不允许删除,设置e.cancel = true;即可//监听节点或线的删除前事件myDiagram.addDiagramListener("SelectionDeleting", function(e) {...原创 2018-09-28 09:41:40 · 3727 阅读 · 5 评论 -
gojs径向布局
gojs径向布局官网例子https://gojs.net/latest/samples/radial.html需要引入官网的RadialLayout.js文件<script src="js/RadialLayout.js"></script>最大圈数定义 maxLayers:2 每圈半径定义 layerThickness:100 节点...原创 2018-08-29 18:51:50 · 1297 阅读 · 0 评论 -
gojs常用API-节点定义
节点定义node中文文档入口公用属性所有节点块定义都能通用的属性属性 描述 属性值(NaN为自适应,其他值为举例) minSize 最小范围 new go.Size(50, NaN)或new go.Size(50, 200) maxSize 最大范围 同上 width 宽 height 高 ma...原创 2018-12-27 14:35:04 · 19707 阅读 · 9 评论 -
gojs常用API-diagram图表操作
持续更新中,暂时就不写案例了。。。虽然写得不乍地,转载请附上源链接啊PS:在本文中,node为节点对象,node.data为节点数据画布获取当前画布的json myDiagram.model.toJson(); 加载json刷新画布 myDiagram.model = go.Model.fromJson(model); 删除选中节点或线 myDiagram....原创 2018-07-23 11:30:02 · 8284 阅读 · 4 评论 -
gojs入门笔记
gojs定义分三大块 画布定义,常用API var $= go.GraphObject.make;//简洁定义GOJS 对象方便使用myDiagram =$(go.Diagram, "绑定画布的DivId",{ //画布定义 initialContentAlignment: go.Spot.Center//居中});//添加画布的全局监听事件(属于画布定义,也能以......原创 2018-07-16 15:19:44 · 3457 阅读 · 1 评论 -
gojs常用API-diagram图表定义
持续更新中基础画布定义API 画布初始位置 initialContentAlignment: go.Spot.Center, 画布位置,定义后就不能拖动画布了,画布位置交由gojs管理 contentAlignment:go.Spot.Center, 初始坐标 initialPosition:newgo.Point(0,0) 禁止移动节点 ...原创 2018-07-16 16:14:07 · 11269 阅读 · 13 评论