new Overview(graphView)
鹰眼组件为ht.graph.GraphView组件提供了全局鸟瞰图的功能,并支持在鹰眼上直接定位、缩放等导航功能。
使用鹰眼组件需要在引入ht.js核心库之后,再引入一个ht-overview.js的鹰眼插件库。
Parameters:
Name | Type | Description |
---|---|---|
graphView |
ht.graph.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}
-
获取显示的拓扑组件
-
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>
是否将当前监听器插入到监听器列表开头
-
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()
-
立刻刷新组件