Class GraphViewer

Hierarchy

GraphManager
- GraphViewer

Constructors

constructor

new GraphViewer(config): GraphViewer
Parameters
- config: ViewerConfig
Returns GraphViewer

Overrides GraphManager.constructor

Properties

backgroundColorLayer

backgroundColorLayer: Layer = ...

backgroundRect

backgroundRect: any

config

config: Partial<BaseConfig> = {}

container

container: null | HTMLDivElement

ctx

ctx: any

dataModel

dataModel: undefined | DataModel

eventToRealTimeInfo

eventToRealTimeInfo: any = ...

fit

fit: string = NORMAL_FIT

hAlign

hAlign: String = LEFT_ALIGN

height

height: undefined | number

locked

locked: boolean = true

name

name: string = ''

The settings

nodeLayer

nodeLayer: Layer = ...

stage

stage: undefined | Stage

vAlign

vAlign: String = TOP_ALIGN

width

width: undefined | number

Methods

addDataModelListeners

addDataModelListeners(): void
添加对数据模型的监听事件

Returns void

alignCanvas

alignCanvas(): void
Returns void

`Private` bindEventToNode

bindEventToNode(node): void
Parameters
- node: any
Returns void

`Private` bindMouseEventToNode

bindMouseEventToNode(node): void
绑定事件到具体的节点上
Parameters
- node: any
  
  需要绑定事件的节点
Returns void

`Private` changeNodeByEvent

changeNodeByEvent(node, variableJson, ownVariable): void
Parameters
- node: any
  
  节点
- variableJson: any
  
  节点变化依据的变量数据
- ownVariable: boolean
  
  是否使用自身的变量，对于组元素，子孙节点使用自身的变量，对于图元元素，子孙节点使用图元的变量
Returns void

`Private` changeNodeByEventOnce

changeNodeByEventOnce(node, variableJson, ownVariable): void
Parameters
- node: any
- variableJson: any
- ownVariable: boolean
Returns void

clear

clear(): void
清空画布内容

Returns void

Inherited from GraphManager.clear

destroy

destroy(): void
销毁画布

Returns void

Inherited from GraphManager.destroy

`Private` executeTween

executeTween(tween): void
启动动画
Parameters
- tween: any
  
  动画对象
Returns void

fitCanvas

fitCanvas(): void
Returns void

fitView

fitView(width, height): void
Parameters
- width: number
- height: number
Returns void

Inherited from GraphManager.fitView

getAdditionalInfo

getAdditionalInfo(): {
businessTag: any;
type: any;
}[]
获取模型中所有变量的附加信息

Returns {
businessTag: any;
type: any;
}[]

getBackgroundColor

getBackgroundColor(): any
Returns any
获取背景色

Inherited from GraphManager.getBackgroundColor

`Private` getCompStr

getCompStr(key, comparison, value): undefined | string
生成运算表达式
Parameters
- key: string
  
  变量
- comparison: string
  
  运算符号
- value: any
  
  值
Returns undefined | string

`Private` getFnByWhen

getFnByWhen(trigger): any
根据条件生成函数体
Parameters
- trigger: any
  
  条件
Returns any

getNode

getNode(nodeId): any
根据节点id获取节点
Parameters
- nodeId: string
  
  节点id
Returns any

Inherited from GraphManager.getNode

getNodes

getNodes(): any
获取画布上所有的节点

Returns any

Inherited from GraphManager.getNodes

getScale

getScale(): any
获取当前画布的显示比例

Returns any

Inherited from GraphManager.getScale

getSelection

getSelection(): any
Beta
返回选中节点

Remarks

Returns any

getSetNodesAttributesChange

getSetNodesAttributesChange(nodes, attrValues, toHistory?): undefined | (AttributeChange | GeometryChange)[]
Parameters
- nodes: Node[]
- attrValues: any
- toHistory: boolean = true
Returns undefined | (AttributeChange | GeometryChange)[]

Inherited from GraphManager.getSetNodesAttributesChange

getSize

getSize(): {
height: undefined | number;
width: undefined | number;
}
获取画布的宽度和高度

Returns {
height: undefined | number;
width: undefined | number;
}
- height: undefined | number
- width: undefined | number
Inherited from GraphManager.getSize

`Private` getVariableJson

getVariableJson(variables): any
获取变量的json对象
Parameters
- variables: any
Returns any

initStageDrag

initStageDrag(): void
Returns void

initZoomEvt

initZoomEvt(): void
Returns void

`Private` isEffective

isEffective(obj): boolean
Parameters
- obj: any
Returns boolean

`Private` isMouseEvent

isMouseEvent(type): boolean
Parameters
- type: string
Returns boolean

`Private` operateNodeByAction

operateNodeByAction(event, node, isSuccess, variableJson): void
Parameters
- event: any
- node: any
- isSuccess: boolean
- variableJson: any
Returns void

`Private` parseMouseEventNode

parseMouseEventNode(): void
解析模型中的鼠标事件绑定

Returns void

refreshGraph

refreshGraph(realTimeVariableJson?): void

刷新图形

Example

viewer.refreshGraph({
   nodeId:{
      state1:4,
      state2:5
   },
   nodeId:{
      temperature:36,
      humidity:0.3
   }
})

Parameters

Optional realTimeVariableJson: any

传入的变量值JSON对象，如没有，则运行态变量取值为defaultValue的值

Returns void

registerMouseEvent

registerMouseEvent(events): void
为stage添加鼠标事件
Parameters
- events: any
  
  鼠标事件
Returns void

registerNodeMouseEvent

registerNodeMouseEvent(events): void
为所有的节点添加鼠标事件
Parameters
- events: any
  
  鼠标事件
Returns void

`Private` setAttribute

setAttribute(node, attrValues): void
设置节点的属性
Parameters
- node: any
- attrValues: any
Returns void

setBackgroundColor

setBackgroundColor(color): void
设置背景色

Example
```
editor.setBackgroundColor('red');
```
Parameters
- color: string
  
  背景色
Returns void

Inherited from GraphManager.setBackgroundColor

setContext

setContext(ctx): void
Parameters
- ctx: any
Returns void

setGraph

setGraph(graphContent): void
Parameters
- graphContent: any
Returns void

Overrides GraphManager.setGraph

`Private` setNodeAttribute

setNodeAttribute(node, proName, proValue): void
Parameters
- node: any
- proName: string
- proValue: any
Returns void

setNodesAttributes

setNodesAttributes(nodes, attrValues, toHistory?): void
Parameters
- nodes: Node[]
- attrValues: any
- toHistory: boolean = true
Returns void

Inherited from GraphManager.setNodesAttributes

setScale

setScale(scale): void
修改视图的显示比例
Parameters
- scale: number
  
  显示比例
Returns void

Inherited from GraphManager.setScale

setSize

setSize(width, height): void
Parameters
- width: number
- height: number
Returns void

Inherited from GraphManager.setSize

`Private` stopTween

stopTween(tween): void
停止动画
Parameters
- tween: any
  
  动画对象
Returns void

Class GraphViewer

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

config: ViewerConfig

Returns GraphViewer

Properties

backgroundColorLayer

backgroundRect

config

container

ctx

dataModel

eventToRealTimeInfo

fit

hAlign

height

locked

name

nodeLayer

stage

vAlign

width

Methods

addDataModelListeners

Returns void

alignCanvas

Returns void

Private bindEventToNode

Parameters

node: any

Returns void

Private bindMouseEventToNode

Parameters

node: any

Returns void

Private changeNodeByEvent

Parameters

node: any

variableJson: any

ownVariable: boolean

Returns void

Private changeNodeByEventOnce

Parameters

node: any

variableJson: any

ownVariable: boolean

Returns void

clear

Returns void

destroy

Returns void

Private executeTween

Parameters

tween: any

Returns void

fitCanvas

Returns void

fitView

Parameters

width: number

height: number

Returns void

getAdditionalInfo

Returns { businessTag: any; type: any; }[]

getBackgroundColor

Returns any

Private getCompStr

Parameters

key: string

comparison: string

value: any

Returns undefined | string

Private getFnByWhen

Parameters

`Private` bindEventToNode

`Private` bindMouseEventToNode

`Private` changeNodeByEvent

`Private` changeNodeByEventOnce

`Private` executeTween

Returns {
businessTag: any;
type: any;
}[]

`Private` getCompStr

`Private` getFnByWhen

Returns {
height: undefined | number;
width: undefined | number;
}

`Private` getVariableJson

`Private` isEffective

`Private` isMouseEvent

`Private` operateNodeByAction

`Private` parseMouseEventNode

`Optional` realTimeVariableJson: any

`Private` setAttribute