AnyChart
API Reference
Still have questions?
Contact support
Top
You are looking at an outdated 7.8.0 version of this document. Switch to the 8.4.0 version to see the up to date information.

class anychart.graphics.vector.Element Improve this Doc

Abstract class for all vector elements, such as groups and primitives. Due to the fact that this class is a child of from goog.events.EventTarget all its childs can work with events.
Never call a constructor directly!

Methods Overview

Miscellaneous
appendTransformationMatrix()Combines the current transformation with the given transformation matrix.
clip()Sets clipping rectangle.
cursor()Getter for cursor type.
disablePointerEvents()Specifies under what circumstances a given graphics element can be a target element for a pointer event.
domElement()Returns DOM element if element is rendered.
drag()Turns off/on dragging (moving) of an element.
getAbsoluteBounds()Gets element bounds in absolute coordinates (root element coordinate system).
getAbsoluteCoordinate()Returns absolute coordinates (root element coordinate system).
getAbsoluteHeight()Returns height within root bounds.
getAbsoluteSize()Returns size within root bounds.
getAbsoluteWidth()Returns width within root bounds.
getAbsoluteX()Returns an absolute X (root element coordinate system).
getAbsoluteY()Returns an absolute Y (root element coordinate system).
getBounds()Returns bounds.
getCoordinate()Returns (X,Y) in the coordinate system of the parent.
getHeight()Returns height.
getRotationAngle()Returns the current rotation angle in degrees.
getSize()Returns size.
getStage()Stage object (to which the given element is bound).
getTransformationMatrix()Returns the current transformation matrix.
getWidth()Returns width.
getX()Returns X in the coordinate system of the parent.
getY()Returns Y in the coordinate system of the parent.
hasParent()Whether parent element is set.
id()Gets element identifier. If it was not set, it will be generated and applied to the DOM.
listen()Adds an event listener. A listener can only be added once to an
listenOnce()Adds an event listener that is removed automatically after the
parent()Returns the parent layer.
remove()Current element removes itself from the parent layer.
removeAllListeners()Removes all listeners from this listenable. If type is specified,
rotate()Rotates a shape around the given rotation point.
rotateByAnchor()Rotates a shape around the given anchor.
scale()Scales a shape. Scaling center is set in the coordinate system of the parent.
scaleByAnchor()Scales a shape. Scaling center is set as an anchor.
setPosition()Sets top left corner of a shape (transformation taken into account) in the coordinate system of the parent.
setRotation()Rotatates a shape around the given point.
setRotationByAnchor()Rotates a shape around the given anchor.
setTransformationMatrix()Sets transformation matrix.
translate()Moves a shape taking an account the current transformation.
unlisten()Removes an event listener which was added with listen() or listenOnce().
unlistenByKey()Removes an event listener which was added with listen() by the key
visible()Gets/sets the current visibility flag.
zIndex()Gets and sets element's zIndex.

Methods Description

appendTransformationMatrix

Combines the current transformation with the given transformation matrix. Combination is done via matrix multiplication (multiplication to the right).

Params:

NameTypeDescription
m00numberScale X.
m10numberShear Y.
m01numberShear X.
m11numberScale Y.
m02numberTranslate X.
m12numberTranslate Y.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

clip

Gets/sets clipping rectangle.

Returns:

anychart.graphics.math.Rect - An instance of class for method chaining.
Sets clipping rectangle. Affects display only after render() method call.
Attention! In SVG clip will transform according to transformation, and in VML clip will be surrounding.

Params:

NameTypeDescription
valueanychart.graphics.math.Rect | stringClipping rectangle.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

cursor

Getter for cursor type.

Returns:

anychart.graphics.vector.Cursor - Current cursor type.
Setter for cursor type.

Params:

NameTypeDescription
valueanychart.graphics.vector.CursorCursor type.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

disablePointerEvents

Specifies under what circumstances a given graphics element can be a target element for a pointer event.

Params:

NameTypeDescription
valuebooleanPointer events property value.

Returns:

anychart.graphics.vector.Element | boolean - If opt_value defined then returns Element object for chaining else returns property value.

domElement

Returns DOM element if element is rendered.
In case of Stage in Suspended state or unbound element – null is returned.

Returns:

Element - DOM element.

drag

Returns current state flag.

Returns:

boolean | anychart.graphics.math.Rect - .
Turns off/on dragging (moving) of an element.
Sets mode (true - on, false - off) or dragging area for an element, dragging is always on within an area.

Params:

NameTypeDescription
valueboolean | anychart.graphics.math.RectFlag or a dragging area.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

getAbsoluteBounds

Gets element bounds in absolute coordinates (root element coordinate system).

Returns:

anychart.graphics.math.Rect - Absolute element bounds.

getAbsoluteCoordinate

Returns absolute coordinates (root element coordinate system).
See illustrations at anychart.graphics.vector.Element#getAbsoluteX and anychart.graphics.vector.Element#getAbsoluteY

Returns:

anychart.graphics.math.Coordinate - Absolute coordinates.

getAbsoluteHeight

Returns height within root bounds.

Returns:

number - Height.

getAbsoluteWidth

Returns width within root bounds.

Returns:

number - Width.

getAbsoluteX

Returns an absolute X (root element coordinate system).

Returns:

number - Absolute X.

getAbsoluteY

Returns an absolute Y (root element coordinate system).

Returns:

number - Absolute Y.

getBounds

Returns bounds.

Returns:

anychart.graphics.math.Rect - Bounds.

getCoordinate

Returns (X,Y) in the coordinate system of the parent.

Returns:

anychart.graphics.math.Coordinate - (X,Y) in the coordinate system of the parent.

getHeight

Returns height.

Returns:

number - Height.

getRotationAngle

Returns the current rotation angle in degrees.

Returns:

number - Rotation angle.

getSize

Returns size.

getStage

Stage object (to which the given element is bound).

Returns:

anychart.graphics.vector.Stage - Stage object.

getTransformationMatrix

Returns the current transformation matrix as an array of six elements:
[
  {number} m00 Scale X.
  {number} m10 Shear Y.
  {number} m01 Shear X.
  {number} m11 Scale Y.
  {number} m02 Translate X.
  {number} m12 Translate Y.
]

Returns:

Array.<number> - Transformation matrix array.

getWidth

Returns width.

Returns:

number - Width.

getX

Returns X in the coordinate system of the parent.

Returns:

number - X in the coordinate system of the parent.

getY

Returns Y in the coordinate system of the parent.

Returns:

number - Y in the coordinate system of the parent.

hasParent

Whether parent element is set.

Returns:

boolean - Whether parent element is set.

id

Gets element identifier. If it was not set, it will be generated and applied to the DOM.

Returns:

string - Returns element identifier.
Sets element identifier.

Params:

NameTypeDescription
valuestringCustom identifier.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

listen

Adds an event listener. A listener can only be added once to an object and if it is added again the key for the listener is returned. Note that if the existing listener is a one-off listener (registered via listenOnce), it will no longer be a one-off listener after a call to listen().

Params:

NameTypeDescription
typestringThe event type id.
listenerfunctionCallback method.
useCapturebooleanWhether to fire in capture phase (defaults to false).
listenerScopeSCOPEObject in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

listenOnce

Adds an event listener that is removed automatically after the listener fired once. If an existing listener already exists, listenOnce will do nothing. In particular, if the listener was previously registered via listen(), listenOnce() will not turn the listener into a one-off listener. Similarly, if there is already an existing one-off listener, listenOnce does not modify the listeners (it is still a once listener).

Params:

NameTypeDescription
typestringThe event type id.
listenerfunctionCallback method.
useCapturebooleanWhether to fire in capture phase (defaults to false).
listenerScopeSCOPEObject in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

parent

Returns the parent layer.

Returns:

anychart.graphics.vector.Layer | anychart.graphics.vector.Stage - Instance of element current layer.
Adds element to the given layer.

Params:

NameTypeDescription
valueanychart.graphics.vector.Layer | anychart.graphics.vector.StageParent layer.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

remove

Current element removes itself from the parent layer.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

removeAllListeners

Removes all listeners from this listenable. If type is specified, it will only remove listeners of the particular type. otherwise all registered listeners will be removed.

Params:

NameTypeDescription
typestringType of event to remove, default is to remove all types.

Returns:

number - Number of listeners removed.

rotate

Rotates a shape around the given rotation point.

Params:

NameTypeDescription
degreesnumberRotation angle in degrees.
cxnumberRotation point X.
cynumberRotation point Y.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

rotateByAnchor

Rotates a shape around the given anchor.

Params:

NameTypeDescription
degreesnumberRotation angle in degress.
anchoranychart.graphics.vector.Anchor | stringRotation anchor.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

scale

Scales a shape. Scaling center is set in the coordinate system of the parent.

Params:

NameTypeDescription
sxnumberX scaling factor.
synumberY scaling factor.
cxnumberScaling point X.
cynumberScaling point Y.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

scaleByAnchor

Scales a shape. Scaling center is set as an anchor.

Params:

NameTypeDescription
sxnumberX scaling factor.
synumberY scaling factor.
anchoranychart.graphics.vector.Anchor | stringScaling anchor point.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

setPosition

Sets top left corner of a shape (transformation taken into account) in the coordinate system of the parent.
Note: See illustration at anychart.graphics.vector.Element#translate, the only difference between anychart.graphics.vector.Element#translate and this method is the fact that that this method resets the current transformation, and and anychart.graphics.vector.Element#translate adds movement to the existing transformation.

Params:

NameTypeDescription
xnumberX coordinate.
ynumberY coordinate.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

setRotation

Rotates a shape around the given point.
Note: See illustration at anychart.graphics.vector.Element#rotate, the only difference between anychart.graphics.vector.Element#rotate and this method is the fact that this method resets the current transformation, and anychart.graphics.vector.Element#rotate adds rotation to the existing transformation.

Params:

NameTypeDescription
degreesnumberRotation angle in degrees.
cxnumberRotation point X.
cynumberRotation point Y.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

setRotationByAnchor

Rotates a shape around the given anchor.
Note: See illustration at anychart.graphics.vector.Element#rotateByAnchor, the only difference between anychart.graphics.vector.Element#rotateByAnchor and this method is the fact that this method resets the current transformation, and and anychart.graphics.vector.Element#rotate adds rotation to the existing transformation.

Params:

NameTypeDescription
degreesnumberRotation angle in degrees.
anchoranychart.graphics.vector.Anchor | stringRotation anchor.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

setTransformationMatrix

Sets transformation matrix.
Note: See illustration at anychart.graphics.vector.Element#appendTransformationMatrix, the difference between anychart.graphics.vector.Element#appendTransformationMatrix and this method is that anychart.graphics.vector.Element#appendTransformationMatrix combined transformation with the current, and this method resets the current.

Params:

NameTypeDescription
m00numberScale X.
m10numberShear Y.
m01numberShear X.
m11numberScale Y.
m02numberTranslate X.
m12numberTranslate Y.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

translate

Moves a shape taking an account the current transformation. Movement happens in a shape coordinate system (not the coordinate system of the parent).

Params:

NameTypeDescription
txnumberX movement amount.
tynumberY movement amount.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

unlisten

Removes an event listener which was added with listen() or listenOnce().

Params:

NameTypeDescription
typestringThe event type id.
listenerfunctionCallback method.
useCapturebooleanWhether to fire in capture phase (defaults to false).
listenerScopeSCOPEObject in whose scope to call the listener.

Returns:

boolean - Whether any listener was removed.

unlistenByKey

Removes an event listener which was added with listen() by the key returned by listen().

Params:

NameTypeDescription
keyObjectThe key returned by listen() or listenOnce().

Returns:

boolean - Whether any listener was removed.

visible

Gets/sets the current visibility flag.

Returns:

boolean - Returns the current visibility flag.
Hides or shows an element.

Params:

NameTypeDescription
isVisiblebooleanVisibility flag.

Returns:

anychart.graphics.vector.Element - Self instance for method chaining.

zIndex

Gets and sets element's zIndex.

Params:

NameTypeDescription
valuenumberZ index to set.

Returns:

number | anychart.graphics.vector.Element - Z index or itself for chaining.