ht.graph.Overview(graphView)

new Overview(graphView)

鹰眼组件为ht.graph.GraphView组件提供了全局鸟瞰图的功能,并支持在鹰眼上直接定位、缩放等导航功能。
使用鹰眼组件需要在引入ht.js核心库之后,再引入一个ht-overview.js的鹰眼插件库。

Parameters:
Name Type Description
graphView ht.widget.GraphView

所绑定的ht.graph.GraphView组件对象

Methods

addPropertyChangeListener(listener, scope, ahead)

增加自身属性变化事件监听器

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

See:

addToDOM(parentNode)

将组件加入到指定的DOM元素底下,不指定则加入到 document.body 下

Parameters:
Name Type Description
parentNode DOM

DOM元素,默认为 document.body

dispose()

销毁组件

firePropertyChange(property, oldValue, newValue)

派发属性变化事件

Parameters:
Name Type Description
property String

属性名

oldValue Object

旧值

newValue Object

新值

See:

fp(property, oldValue, newValue)

派发属性变化事件

Parameters:
Name Type Description
property String

属性名

oldValue Object

旧值

newValue Object

新值

See:

getCanvas() → {HTMLCanvasElement}

获取拓扑的画布

Returns:
HTMLCanvasElement -

画布

getContentBackground() → {color}

获取内容背景颜色

Returns:
color -

背景颜色

getContentBorderColor() → {color}

获取内容边框颜色

Returns:
color -

边框颜色

getFixToRect() → {Rect|false}

获取指定绘制的矩形区域

Returns:
Rect | false

getGraphView() → {ht.graph.GraphView}

获取显示的拓扑组件

Returns:
ht.graph.GraphView -

拓扑组件

getHeight() → {Number}

获取组件的布局高度

Returns:
Number -

拓扑组件

getMask() → {DOM}

获取显示可见区域的 dom 节点

Returns:
DOM -

拓扑组件

getMaskBackground() → {color}

获取显示可见区域的背景颜色

Returns:
color -

可见区域的背景颜色

getView() → {HTMLDivElement}

获取拓扑组件的根层div

Returns:
HTMLDivElement

getWidth() → {Number}

获取组件的布局宽度

Returns:
Number

invalidate(delay)

无效组件,并调用延时刷新

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)

See:

isAutoUpdate() → {Boolean}

获取组件是否跟随拓扑刷新

Returns:
Boolean

isDisabled() → {Boolean}

获取组件是否禁用

Returns:
Boolean

iv(delay)

无效组件,并调用延时刷新,invalidate的缩写

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)

See:

mp(listener, scope, ahead)

增加自身属性变化事件监听器,addPropertyChangeListener的缩写

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

See:

redraw()

重绘组件

removeViewListener(listener, scope)

删除视图事件监听器

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

setAutoUpdate(组件是否跟随拓扑刷新)

设置组件是否跟随拓扑刷新

Parameters:
Name Type Description
组件是否跟随拓扑刷新 Boolean

setContentBackground(contentBackground)

设置内容区域背景颜色

Parameters:
Name Type Description
contentBackground color

setContentBorderColor(contentBorderColor)

设置内容区域背景颜色

Parameters:
Name Type Description
contentBorderColor color

setDisabled(disabled)

设置是否禁用组件

Parameters:
Name Type Description
disabled Boolean

setFixToRect(fixToRect)

设置指定绘制的矩形区域,如果传入true则默认绘制getContentRect

Parameters:
Name Type Description
fixToRect Boolean | Rect

setGraphView(graphView)

设置显示的拓扑

Parameters:
Name Type Description
graphView ht.graph.GraphView

拓扑组件

setHeight(height)

设置布局高度

Parameters:
Name Type Description
height Number

高度值

setMaskBackground(maskBackground)

设置可见区域背景颜色

Parameters:
Name Type Description
maskBackground Color

可见区域背景颜色

setWidth(width)

设置布局宽度

Parameters:
Name Type Description
width Number

宽度值

ump(listener, scope)

删除自身属性变化事件监听器,removePropertyChangeListener的缩写

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

See:
  • removePropertyChangeListener

validate()

立刻刷新组件