彩票走势图

流程图控件GoJS教程:内置GraphObject类各指数介绍

翻译|使用教程|编辑:杨鹏连|2021-01-13 10:57:02.983|阅读 381 次

概述:​这是所有图形对象的抽象基类。从GraphObject继承的类包括:Shape、TextBlock、Picture和Panel。部件类从面板类派生,节点类和链接类从面板类派生。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

GoJS是一款功能强大,快速且轻量级的流程图控件,可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图,且极大地简化您的JavaScript / Canvas 程序。

点击下载GoJS最新版

constructor
new Graph Object ():GraphObject
这是一个抽象类,因此您不应使用此构造函数。

Properties

actionCancel : function(e: InputEvent, thisObj: GraphObject): void | null

获取或设置取消ActionTool并将此GraphObject的isActionable 设置为true时要执行的函数。很少设置此属性。默认情况下,此属性为null。

仅在要处理所有事件的对象(例如按钮,旋钮或滑块)上结合ActionTool设置此功能属性,从而取代了常规工具机制。

该ActionTool不进行任何交易,因此,如果这个属性的值,该功能将不会被事务中调用。

actionDown : function(e: InputEvent, thisObj: GraphObject): void | null
获取或设置当此GraphObject的isActionable 设置为true时在鼠标按下事件上执行的函数。很少设置此属性。默认情况下,此属性为null。

仅在要处理所有事件的对象(例如按钮,旋钮或滑块)上结合ActionTool设置此功能属性,从而取代了常规工具机制。

该ActionTool不进行任何交易,因此,如果这个属性的值,该功能将不会被事务中调用。

actionMove : function(e: InputEvent, thisObj: GraphObject): void | null
获取或设置当此GraphObject的isActionable 设置为true时在鼠标移动事件上执行的函数。很少设置此属性。默认情况下,此属性为null。
仅在要处理所有事件的对象(例如按钮,旋钮或滑块)上结合ActionTool设置此功能属性,从而取代了常规工具机制。
该ActionTool不进行任何交易,因此,如果这个属性的值,该功能将不会被事务中调用。

actionUp : function(e: InputEvent, thisObj: GraphObject): void | null

获取或设置当此GraphObject的isActionable 设置为true时在鼠标向上事件上执行的函数。很少设置此属性。默认情况下,此属性为null。

仅在要处理所有事件的对象(例如按钮,旋钮或滑块)上结合ActionTool设置此功能属性,从而取代了常规工具机制。

该ActionTool不进行任何交易,因此,如果这个属性的值,该功能将不会被事务中调用。如果确实提供了可以更改图或其模型的功能,则应在事务内完成此操作-调用Diagram.startTransaction和 Diagram.commitTransaction。

actualBounds :矩形

此只读属性返回此GraphObject在容器坐标中的边界。这意味着,除非是Part,否则realBounds处于GraphObject面板的坐标空间中,在这种情况下,它们位于图的坐标系中。
您不得修改Rect的任何属性,即此属性的值。
如果此GraphObject是一个部分,则x和actualBounds的y值是相同的,第二部分的位置,并且actualBounds的宽度和高度的值表示的矩形空间占用通过在部分Diagram.documentBounds坐标。
如果此GraphObject不是顶级对象(不是Part),则ActualBounds x和y值表示该GraphObject在面板中的位置。在Panel.Position类型的Panel中, 这与GraphObject的位置相同,但在其他情况下,它取决于每种Panel类型的唯一工作方式。GraphObject的ActualBounds宽度和高度是应用了比例和角度后的最终大小。

GraphObject(可能是GraphObject或包含多个GraphObject的Panel)可能没有包含Part的部分,在这种情况下,这些GraphObject可能不会出现在图中。这些GraphObject不太可能具有其realBounds的实数值,因为它们可能从未有过被测量和排列的机会。
与所有只读属性一样,使用此属性作为绑定源不太可能有用。

定位 :Spot

获取或设置面板布局中使用的此GraphObject的对齐点,以确定应将此对象放置在面板分配的区域中的哪个位置。

默认值为Spot.Default,它允许Panel使用Panel.defaultAlignment确定Spot 。如果该属性也是Spot.Default,则对齐点将根据面板类型而有所不同。
所述alignmentFocus通常用于沿着与该属性来指定该对象应当被定位在面板英寸
一个Spot.Default相当于Spot.Center在现场,汽车,水平和垂直板。有关在不同面板中对齐的示例,请参见“面板”上的“简介”页面。

对准焦点 :Sopt

获取或设置此GraphObject上的点,以用作Spot和Fixed Panel中的对齐点。价值必须是现货。
默认值为Spot.Default,这意味着Panel类型可以确定有效的对齐点。
的对准经常被用来沿着与此属性来指定该对象应当被定位在面板英寸
对于Panel.Graduated,alignmentFocus点确定子元素上与主元素上某个点对齐的点。
如果希望将链接标签Node通过其定位点而不是由alignmentFocus点定位,则可以将此属性设置为Spot.None,仅在Node上。
有关在不同面板中对齐的示例,请参见“面板”上的“简介”页面。
警告:从2.0开始,对于Spot Panels,alignmentFocus的offsetX / offsetY已反转。现在,offsetX / Y描述了从alignmentFocus点到对齐点的偏移距离,而不是相反。这是将alignmentFocus与链接标签一起使用时始终会描述的内容。

角度 :数

获取或设置此GraphObject的角度转换(以度为单位)。值必须是数字。如果该值不在(0 <= value <360)之间,则将其标准化为该范围内。沿正X轴(向右)为零;90沿正Y轴(向下)。默认值为0。

在刻度面板的TextBlock标签上设置时,如果segmentOrientation不是 Link.None,Link.OrientAlong或Link.OrientUpright,则将忽略此值。OrientAlong和OrientUpright将相对于主路径的坡度使用此角度。

在Link标签上设置时,如果segmentOrientation不是Link.None,则将忽略此值。

区域背景 :BrushLike

获取或设置此GraphObject的areaBackground画笔。areaBackground填充了此GraphObject的包含面板的坐标所描述的矩形。如果旋转对象,则背景区域将扩大,以填充对象的整个测量范围,而无需旋转画笔。
该值可以是Brush对象,也可以是CSS颜色的字符串。默认值为null-不绘制区域背景。有关CSS颜色字符串的语法的更多信息,请参见: CSS colors(mozilla.org)。

背景 :BrushLike
获取或设置此GraphObject的背景Brush,以填充该对象的局部坐标空间的矩形。如果旋转对象,则背景也会随之旋转。
该值可以是Brush对象,也可以是CSS颜色的字符串。默认值为null-不绘制背景。有关CSS颜色字符串的语法的更多信息,请参见: CSS colors(mozilla.org)。

click : function(e: InputEvent, thisObj: GraphObject): void | null

获取或设置当用户单击该对象时要执行的函数。通常,这需要进行鼠标下移,然后使用鼠标左键(主)在大约相同的位置上进行快速鼠标上移。 当用户单击GraphObject时,ClickSelectingTool使用此属性。除了 使用name引发的DiagramEvent之外,还调用了该函数。"ObjectSingleClicked"

如果此属性值是一个函数,则使用InputEvent 和此GraphObject进行调用。该InputEvent.targetObject规定,在鼠标点仰视的可视化树之前发现GraphObject GraphObject.panel s到获得此对象。

从第二个参数obj,您可以通过part属性到达Node或Link 。从那里,您可以通过Panel.data属性访问绑定数据。因此,您可以从事件处理程序中通过获取绑定数据obj.part.data。
默认情况下,此属性为null。
Layer.isTemporary的Layer中的对象不接收点击事件。如果您确实希望此类对象响应点击,请将isActionable设置为true。
如果确实提供了可以更改图或其模型的功能,则应在事务内完成此操作-调用Diagram.startTransaction和 Diagram.commitTransaction。

单击事件处理程序的示例在“ 箭头”示例中显示。

:编号

获取或设置此GraphObject的列(如果它位于“表格面板”中)。该值必须是一个小的非负整数。默认值为0。

列跨度 :数字

获取或设置此GraphObject(如果在表格面板中)所跨越的列数。该值必须是一个小的正整数。预设值为1。


想要购买GoJS正版授权,或了解更多产品信息请点击


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP