class anychart.graphics.vector.Layer Improve this Doc

Extends: anychart.graphics.vector.Element

Layer class. Used to group elements.
Elements must be grouped if you want to apply similar changes to them, for example transformation.
Do not invoke constructor directly. Use anychart.graphics.vector.Stage#layer to create stage bound layer.
If you want to create an unbound layer - use anychart.graphics#layer
See also:
anychart.graphics.vector.Stage#layer,
anychart.graphics#layer
Elements indices (and layers indices within a stage) set Z-order.
The "higher" an element is, the greater its index.

Try it:

Usage sample

Methods Overview

Events
listen()	Adds an event listener.
listenOnce()	Adds an event listener that is removed automatically after the listener fired once.
removeAllListeners()	Removes all listeners from this listenable.
unlisten()	Removes an event listener which was added with listen() or listenOnce().
Interactive
drag()	Dragging setting.
Interactivity
visible()	Visibility flag
Size and Position
appendTransformationMatrix()	Combines the transformation with the given transformation matrix.
getAbsoluteBounds()	Gets element bounds in absolute coordinates (root element coordinate system).
getAbsoluteHeight()	Returns height 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 the bounds.
getHeight()	Returns the height.
getRotationAngle()	Returns the rotation angle in degrees.
getTransformationMatrix()	Returns the transformation matrix.
getWidth()	Returns the width.
getX()	Returns X in the coordinate system of the parent.
getY()	Returns Y in the coordinate system of the parent.
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 by anchor. 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()	Rotates a shape around the given point.
setRotationByAnchor()	Rotates a shape around the given anchor.
setTransformationMatrix()	Sets the transformation matrix.
translate()	Moves a shape taking an account the transformation.
zIndex()	Z-index setting.
Miscellaneous
addChild()	Add element to a layer, to the top (maximal index).
addChildAt()	Adds an element to a layer by index.
attr()	Attribute setting
circle()	Invokes anychart.graphics.vector.Circle class constructor.
clip()	Clipping setting.
cross()	Draws a cross set by its circumscribed circle center and radius.
cursor()	Cursor type.
desc()	Description setting
diagonalCross()	Draws a diagonal cross set by its circumscribed circle center and radius.
diamond()	Draws a diamond set by its circumscribed circle center and radius.
disablePointerEvents()	Pointer events setting.
disableStrokeScaling()	Vector effect property
dispose()	Disposes element completely.
domElement()	Returns DOM element if element is rendered.
donut()	Draws sector as donut chart element.
ellipse()	Invokes anychart.graphics.vector.Ellipse class constructor.
forEachChild()	Applies function to all elements in a layer.
getChildAt()	Returns element by index.
getStage()	Stage object (to which the given element is bound).
hLine()	Draws a thick horizontal line set by its circumscribed circle center and radius.
hasChild()	Checks if there is such element in children set.
hasParent()	Whether parent element is set.
html()	Invokes anychart.graphics.vector.Text class constructor and applies anychart.graphics.vector.Text#htmlText method
id()	Element identifier
image()	Invokes anychart.graphics.vector.Image class constructor.
indexOfChild()	Looks for an element in a layer and returns index or -1, if not found.
layer()	Invokes anychart.graphics.vector.Layer class constructor.
numChildren()	Returns the number of children.
parent()	Parent layer.
path()	Invokes anychart.graphics.vector.Path class constructor.
pie()	Draws sector as pie chart element.
rect()	Invokes anychart.graphics.vector.Rect class constructor.
remove()	Current element removes itself from the parent layer.
removeChild()	Removes element from a layer.
removeChildAt()	Removes element from a layer by index.
removeChildren()	Removes all children from a layer.
roundedInnerRect()	Draws rectangle with corners rounded inside.
roundedRect()	Draws rectangle with rounded corners.
star()	Draws multi-pointed star.
star10()	Draws ten-pointed star.
star4()	Draws four-pointed star.
star5()	Draws five-pointed star.
star6()	Draws six-pointed star.
star7()	Draws seven-pointed star.
swapChildren()	Swaps children.
swapChildrenAt()	Swaps children by indexes.
text()	Invokes anychart.graphics.vector.Text class constructor.
title()	Title setting
triangleDown()	Draws a triangle heading downwards set by its circumscribed circle center and radius.
triangleLeft()	Draws a triangle heading leftwards set by its circumscribed circle center and radius.
triangleRight()	Draws a triangle heading rightwards set by its circumscribed circle center and radius.
triangleUp()	Draws a triangle heading upwards set by its circumscribed circle center and radius.
truncatedRect()	Draws rectangle with cut corners.
vLine()	Draws a thick vertical line set by its circumscribed circle center and radius.

Methods Description

addChild

addChild(element)

Add element to a layer, to the top (maximal index).
All DOM changes will happen instantly, except anychart.graphics.vector.Stage#suspend.
Simplified version of anychart.graphics.vector.Layer#addChildAt where element is added to the end.

Params:

Name	Type	Description
element	anychart.graphics.vector.Element	Element to add.

Returns:

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

Try it:

Usage sample

addChildAt

addChildAt(element, index)

Adds an element to a layer by index.
Note: the greater index is - the 'higher' element is in a layer top element overlaps bottom elements.
All DOM changes will happen instantly, except anychart.graphics.vector.Stage#suspend.
Left image shows sequential calls of anychart.graphics.vector.Layer#addChild
Right image does the same, but star is added to 0 index.
.addChildAt(star5, 0); (see code of this image in samples).

Params:

Name	Type	Description
element	anychart.graphics.vector.Element	Element to add.
index	number	Element index. Only positive numbers.

Returns:

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

Try it:

Usage sample

appendTransformationMatrix

appendTransformationMatrix(m00, m10, m01, m11, m02, m12)

Combines the transformation with the given transformation matrix.

Detailed description

Combination is done via matrix multiplication (multiplication to the right).
Illustration shows a shape transformation with the several calls of .appendTransformationMatrix(0, 0.5, 1, 0, 0, 0)

Params:

Name	Type	Description
m00	number	Scale X.
m10	number	Shear Y.
m01	number	Shear X.
m11	number	Scale Y.
m02	number	Translate X.
m12	number	Translate Y.

Returns:

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

Try it:

Usage sample

attr

attr(key)Since version 7.11.0

Getter for the attribute.

Params:

Name	Type	Description
key	string	Name of attribute.

Returns:

* - Attribute value.

Try it:

Usage sample

attr(key, value)Since version 7.11.0

Setter for the attribute.

Params:

Name	Type	Description
key	string	Name of attribute.
value	*	Value of attribute.

Returns:

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

Try it:

Usage sample

circle

circle(cx, cy, radius)

Invokes anychart.graphics.vector.Circle class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.
Read more at anychart.graphics.vector.Circle

Params:

Name	Type	Description
cx	number	Center X, in pixels.
cy	number	Center Y, in pixels.
radius	number	Radius, in pixels.

Returns:

anychart.graphics.vector.Circle - An instance of the class for method chaining.

Try it:

Usage sample

clip

clip()

Gets the clipping rectangle.

Returns:

anychart.graphics.math.Rect - Returns rectangle settings.

clip(value)

Sets the clipping rectangle.

Detailed description

Affects display only after render() method call.
Attention! In SVG clip will transform according to transformation, and in VML clip will be surrounding.

Params:

Name	Type	Description
value	anychart.graphics.math.Rect \| string	Clipping rectangle.

Returns:

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

Try it:

Usage sample

cross

cross()

Draws a cross set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#cross

Try it:

Usage sample

cursor

cursor()

Getter for the cursor type.

Returns:

anychart.graphics.vector.Cursor - Returns cursor type.

Try it:

Usage sample

cursor(value)

Setter for the cursor type.

Params:

Name	Type	Default	Description
value	anychart.graphics.vector.Cursor	null	Cursor type.

Returns:

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

Try it:

Usage sample

desc

desc()Since version 7.11.0

Getter for the element description value.

Returns:

string | null | undefined - The element description value.

Try it:

Usage sample

desc(value)Since version 7.11.0

Setter for the element description value.

Params:

Name	Type	Description
value	string \| null	Value to set.

Returns:

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

Try it:

Usage sample

diagonalCross

diagonalCross()

Draws a diagonal cross set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#diagonalCross

Try it:

Usage sample

diamond

diamond()

Draws a diamond set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#diamond

Try it:

Usage sample

disablePointerEvents

disablePointerEvents()

Gets the value of the pointer events.

Returns:

boolean - Returns property value.

Try it:

Usage sample

disablePointerEvents(value)

Disables the pointer events.

Detailed description

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

Params:

Name	Type	Default	Description
value	boolean	false	Pointer events property value.

Returns:

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

Try it:

Usage sample

disableStrokeScaling

disableStrokeScaling()

Getter for the element's vector effect property.

Returns:

boolean - The vector effect property.

See listing

var element = stage.rect(10, 10, 100, 40);
var disableStrokeScaling = element.disableStrokeScaling();

disableStrokeScaling(enabled)

Setter for the element's vector effect property.
Learn more by link.

Params:

Name	Type	Default	Description
enabled	boolean	false	Vector effect property to set.

Returns:

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

Try it:

Usage sample

dispose

dispose()

Disposes element completely. Removes it from the parent layer, sets links to null, removes it from DOM.

Try it:

Usage sample

domElement

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.

donut

donut()

Draws sector as donut chart element.
Read more at anychart.graphics.vector.primitives#donut

Try it:

Usage sample

drag

drag()

Returns the state flag.

Returns:

boolean | anychart.graphics.math.Rect - Absolute element bounds or flag.

Try it:

Usage sample

drag(value)

Turns off/on dragging (moving) of an element.

Detailed description

Sets mode (true - on, false - off) or dragging area for an element, dragging is always on within an area.

Params:

Name	Type	Default	Description
value	boolean \| anychart.graphics.math.Rect	false	Flag or a dragging area.

Returns:

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

Try it:

Usage sample

ellipse

ellipse(cx, cy, rx, ry)

Invokes anychart.graphics.vector.Ellipse class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.
Read more at anychart.graphics.vector.Ellipse

Params:

Name	Type	Description
cx	number	Center X, in pixels.
cy	number	Center Y, in pixels.
rx	number	Radius X, in pixels.
ry	number	Radius Y, in pixels.

Returns:

anychart.graphics.vector.Ellipse - An instance of the class for method chaining.

Try it:

Usage sample

forEachChild

forEachChild(callback)

Applies function to all elements in a layer.

Params:

Name	Type	Description
callback	function(element:anychart.graphics.vector.Element):void	Function to be applied.

Returns:

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

Try it:

Usage sample

forEachChild(callback, this)

Applies the function to all elements of a layer in the given context.

Params:

Name	Type	Description
callback	function(element:anychart.graphics.vector.Element):void	Function to be applied.
this	Object	this context for the function to be applied.

Returns:

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

getAbsoluteBounds

getAbsoluteBounds()

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

Detailed description

Returns:

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

Try it:

Usage sample

getAbsoluteHeight

getAbsoluteHeight()

Returns height within root bounds.
See illustrations at anychart.graphics.vector.Element#getAbsoluteWidth

Returns:

number - Height.

Try it:

Usage sample

getAbsoluteWidth

getAbsoluteWidth()

Returns width within root bounds.

Detailed description

Returns:

number - Width.

Try it:

Usage sample

getAbsoluteX

getAbsoluteX()

Returns an absolute X (root element coordinate system).

Detailed description

Returns:

number - Absolute X.

Try it:

Usage sample

getAbsoluteY

getAbsoluteY()

Returns an absolute Y (root element coordinate system).

Detailed description

Returns:

number - Absolute Y.

Try it:

Usage sample

getBounds

getBounds()

Returns the bounds.

Returns:

anychart.graphics.math.Rect - Bounds.

Try it:

Usage sample

getChildAt

getChildAt(index)

Returns element by index.

Params:

Name	Type	Description
index	number	Element to be returned.

Returns:

anychart.graphics.vector.Layer - Element or null.

Try it:

Usage sample

getHeight

getHeight()

Returns the height.

Returns:

number - Height.

Try it:

Usage sample

getRotationAngle

getRotationAngle()

Returns the rotation angle in degrees.

Returns:

number - Rotation angle.

Try it:

Usage sample

getStage

getStage()

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

Returns:

anychart.graphics.vector.Stage - Stage object.

Try it:

Usage sample

getTransformationMatrix

getTransformationMatrix()

Returns the transformation matrix.

Detailed description

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.

Try it:

Usage sample

getWidth

getWidth()

Returns the width.

Returns:

number - Width.

Try it:

Usage sample

getX

getX()

Returns X in the coordinate system of the parent.

Returns:

number - X in the coordinate system of the parent.

Try it:

Usage sample

getY

getY()

Returns Y in the coordinate system of the parent.

Returns:

number - Y in the coordinate system of the parent.

Try it:

Usage sample

hLine

hLine()

Draws a thick horizontal line set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#hLine

Try it:

Usage sample

hasChild

hasChild(element)

Checks if there is such element in children set.

Params:

Name	Type	Description
element	anychart.graphics.vector.Element	Element.

Returns:

boolean - True if it is a child.

hasParent

hasParent()

Whether parent element is set.

Returns:

boolean - Whether parent element is set.

Try it:

Usage sample

html

html(x, y, text, style)

Invokes anychart.graphics.vector.Text class constructor and applies anychart.graphics.vector.Text#htmlText method to handle HTML formatting.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.

Params:

Name	Type	Description
x	number	X-coordinate (Left) of top left corner of text bounds.
y	number	Y-coordinate (Top) of top left corner of text bounds.
text	string	Text to be displayed.
style	anychart.graphics.vector.TextStyle	Text style. More at anychart.graphics.vector.Text#style.

Returns:

anychart.graphics.vector.Text - An instance of the class for method chaining.

Try it:

Usage sample

id

id()

Gets the element identifier.

Detailed description

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

Returns:

string - Returns element identifier.

Try it:

Usage sample

id(id)

Sets the element identifier.

Params:

Name	Type	Description
id	string	Custom identifier.

Returns:

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

Try it:

Usage sample

image

image(src, x, y, width, height)

Invokes anychart.graphics.vector.Image class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You need to take care of used objects yourself.

Params:

Name	Type	Description
src	string	IRI (Internationalized Resource Identifiers) for image source.
x	number	X coordinate of left-top corner image.
y	number	Y coordinate of left-top corner image.
width	number	Width of image bounds.
height	number	Height of image bounds.

Returns:

anychart.graphics.vector.Image - Image object instance.

Try it:

Usage sample

indexOfChild

indexOfChild(element)

Looks for an element in a layer and returns index or -1, if not found.

Params:

Name	Type	Description
element	anychart.graphics.vector.Element	Element which index we need to find.

Returns:

number - Index or -1, or not found.

Try it:

Usage sample

layer

layer()

Invokes anychart.graphics.vector.Layer class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.

Returns:

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

Try it:

Usage sample

listen

listen(type, listener, useCapture, listenerScope)

Adds an event listener.

Detailed description

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:

Name	Type	Default	Description
type	string		The event type id.
listener	function(e:Object):boolean\|undefined		Callback method.
useCapture	boolean	false	Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope	Object		Object in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

Try it:

Usage sample

listenOnce

listenOnce(type, listener, useCapture, listenerScope)

Adds an event listener that is removed automatically after the listener fired once.

Detailed description

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:

Name	Type	Default	Description
type	string		The event type id.
listener	function(e:Object):boolean\|undefined		Callback method.
useCapture	boolean	false	Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope	Object		Object in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

Try it:

Usage sample

numChildren

numChildren()

Returns the number of children.

Returns:

number - Number of children.

Try it:

Usage sample

parent

parent()

Returns the parent layer.

Returns:

anychart.graphics.vector.Layer | anychart.graphics.vector.Stage - Instance of element current layer.

Try it:

Usage sample

parent(parent)

Adds element to the given layer.

Params:

Name	Type	Description
parent	anychart.graphics.vector.Layer \| anychart.graphics.vector.Stage	Parent layer.

Returns:

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

Try it:

Usage sample

path

path()

Invokes anychart.graphics.vector.Path class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.
Read more at: anychart.graphics.vector.Path

Returns:

anychart.graphics.vector.Path - An instance of the class for method chaining.

Try it:

Usage sample

pie

pie()

Draws sector as pie chart element.
Read more at anychart.graphics.vector.primitives#pie

Try it:

Usage sample

rect

rect(x, y, width, height)

Invokes anychart.graphics.vector.Rect class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.

Params:

Name	Type	Description
x	number	X (Left) of top left rectangle corner.
y	number	Y (Top) of to left rectangle corner.
width	number	Rectangle width.
height	number	Rectangle height.

Returns:

anychart.graphics.vector.Rect - An instance of the class for method chaining.

Try it:

Usage sample

remove

remove()

Current element removes itself from the parent layer.

Returns:

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

Try it:

Usage sample

removeAllListeners

removeAllListeners(type)

Removes all listeners from this listenable.

Detailed description

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

Params:

Name	Type	Description
type	string	Type of event to remove, default is to remove all types.

Returns:

number - Number of listeners removed.

Try it:

Usage sample

removeChild

removeChild(element)

Removes element from a layer.
All changes in DOM will happen instantly, except anychart.graphics.vector.Stage#suspend.
Note: this method doesn't remove element, it just breaks the link between the element and the layer.
This is an extension of anychart.graphics.vector.Layer#removeChildAt method.

Params:

Name	Type	Description
element	anychart.graphics.vector.Element	Element to remove or its id.

Returns:

anychart.graphics.vector.Layer - Removed element or null.

Try it:

Usage sample

removeChildAt

removeChildAt(index)

Removes element from a layer by index.
All changes in DOM will happen instantly, except anychart.graphics.vector.Stage#suspend.
Note: this method doesn't remove element, it just breaks the link between the element and the layer.

Params:

Name	Type	Description
index	number	Index of element to be removed.

Returns:

anychart.graphics.vector.Layer - Removed element or null.

Try it:

Usage sample

removeChildren

removeChildren()

Removes all children from a layer.

Returns:

Array.<anychart.graphics.vector.Element> - Array of removed elements.

Try it:

Usage sample

rotate

rotate(degrees, cx, cy)

Rotates a shape around the given rotation point.

Detailed description

If rotation point is not set then rotation point is (0, 0).
Left illustration shows 20 degrees rotation with the default rotation point.
.rotate(20)
Right illustration shows 20 degrees rotation with the given rotation point.
.rotate(20, x, y)
Rotation points are marked with red, initial position of shapes is marked with gray.

Params:

Name	Type	Description
degrees	number	Rotation angle in degrees.
cx	number	Rotation point X.
cy	number	Rotation point Y.

Returns:

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

Try it:

Usage sample

rotateByAnchor

rotateByAnchor(degrees, anchor)

Rotates a shape around the given anchor.

Detailed description

If anchor is not set anychart.graphics.vector.Anchor.CENTER is the default.
Left illustration shows 90 degrees rotation around the default anchor.
.rotateByAnchor(90)
Right illustration shows 90 degrees rotation around the given anchor.
.rotateByAnchor(90, anychart.graphics.vector.Anchor.CENTER_TOP)
Rotation points are marked with red, initial position of shapes is marked with gray.

Params:

Name	Type	Description
degrees	number	Rotation angle in degrees.
anchor	anychart.graphics.vector.Anchor \| string	Rotation anchor.

Returns:

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

Try it:

Usage sample

roundedInnerRect

roundedInnerRect()

Draws rectangle with corners rounded inside.
Read more at anychart.graphics.vector.primitives#roundedInnerRect

Try it:

Usage sample

roundedRect

roundedRect()

Draws rectangle with rounded corners.
Read more at anychart.graphics.vector.primitives#roundedRect

Try it:

Usage sample

scale

scale(sx, sy, cx, cy)

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

Detailed description

If the scaling center is not set it defaults to (0, 0).
Left illustration shows default point scaling.
.scale(0.5, 0.5,)
Right illustration shows scaling with the scaling center set.
.scale(0.5, 0.5, x, y)
Scaling center is marked with red, initial state is marked with gray.

Params:

Name	Type	Description
sx	number	X scaling factor.
sy	number	Y scaling factor.
cx	number	Scaling point X.
cy	number	Scaling point Y.

Returns:

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

Try it:

Usage sample

scaleByAnchor

scaleByAnchor(sx, sy, anchor)

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

Detailed description

If anchor is not set it defaults to anychart.graphics.vector.Anchor.CENTER.
Left illustration shows scaling with the default anchor.
.scaleByAnchor(0.5, 0.5)
Right illustration shows scaling with the anchor set.
.scaleByAnchor(0.5, 0.5, anychart.graphics.vector.Anchor.RIGHT_TOP)
Scaling center is marked with red, initial state is marked with gray.

Params:

Name	Type	Description
sx	number	X scaling factor.
sy	number	Y scaling factor.
anchor	anychart.graphics.vector.Anchor \| string	Scaling anchor point.

Returns:

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

Try it:

Usage sample

setPosition

setPosition(x, y)

Sets top left corner of a shape (transformation taken into account) in the coordinate system of the parent.

Detailed description

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 anychart.graphics.vector.Element#translate adds movement to the existing transformation.

Params:

Name	Type	Description
x	number	X coordinate.
y	number	Y coordinate.

Returns:

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

Try it:

Usage sample

setRotation

setRotation(degrees, cx, cy)

Rotates a shape around the given point.

Detailed description

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:

Name	Type	Description
degrees	number	Rotation angle in degrees.
cx	number	Rotation point X.
cy	number	Rotation point Y.

Returns:

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

Try it:

Usage sample

setRotationByAnchor

setRotationByAnchor(degrees, anchor)

Rotates a shape around the given anchor.

Detailed description

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 anychart.graphics.vector.Element#rotate adds rotation to the existing transformation.

Params:

Name	Type	Description
degrees	number	Rotation angle in degrees.
anchor	anychart.graphics.vector.Anchor \| string	Rotation anchor.

Returns:

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

Try it:

Usage sample

setTransformationMatrix

setTransformationMatrix(m00, m10, m01, m11, m02, m12)

Sets the transformation matrix.

Detailed description

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:

Name	Type	Description
m00	number	Scale X.
m10	number	Shear Y.
m01	number	Shear X.
m11	number	Scale Y.
m02	number	Translate X.
m12	number	Translate Y.

Returns:

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

Try it:

Usage sample

star

star()

Draws multi-pointed star.
Read more at anychart.graphics.vector.primitives#star

Try it:

Usage sample

star10

star10()

Draws ten-pointed star.
Read more at anychart.graphics.vector.primitives#star10

Try it:

Usage sample

star4

star4()

Draws four-pointed star.
Read more at anychart.graphics.vector.primitives#star4

Try it:

Usage sample

star5

star5()

Draws five-pointed star.
Read more at anychart.graphics.vector.primitives#star5

Try it:

Usage sample

star6

star6()

Draws six-pointed star.
Read more at anychart.graphics.vector.primitives#star6

Try it:

Usage sample

star7

star7()

Draws seven-pointed star.
Read more at anychart.graphics.vector.primitives#star7

Try it:

Usage sample

swapChildren

swapChildren(element1, element2)

Swaps children.

Params:

Name	Type	Description
element1	anychart.graphics.vector.Element	First element.
element2	anychart.graphics.vector.Element	Second element.

Returns:

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

Try it:

Usage sample

swapChildrenAt

swapChildrenAt(index1, index2)

Swaps children by indexes.

Params:

Name	Type	Description
index1	number	First element index.
index2	number	Second element index.

Returns:

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

Try it:

Usage sample

text

text(x, y, text, style)

Invokes anychart.graphics.vector.Text class constructor.
Note:
anychart.graphics.vector.Layer does nothing to delete an object after it is used. You have to take care of used objects yourself.

Params:

Name	Type	Description
x	number	X-coordinate (Left) of left top corner of text bounds.
y	number	Y-coordinate (Top) of left top corner of text bounds.
text	string	Text to be displayed.
style	anychart.graphics.vector.TextStyle	Text style. More at anychart.graphics.vector.Text#style.

Returns:

anychart.graphics.vector.Text - An instance of the class for method chaining.

Try it:

title

title()Since version 7.11.0

Getter for the element title value.

Returns:

string | null | undefined - The element title value.

Try it:

Usage sample

title(value)Since version 7.11.0

Setter for the element title value.

Params:

Name	Type	Description
value	string \| null	Value to set.

Returns:

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

Try it:

Usage sample

translate

translate(tx, ty)

Moves a shape taking an account the transformation.

Detailed description

Movement happens in a shape coordinate system (not the coordinate system of the parent).
Illustration shows a shape movement when .translate(20, 10) is invoked several times.

Params:

Name	Type	Description
tx	number	X movement amount.
ty	number	Y movement amount.

Returns:

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

Try it:

Usage sample

triangleDown

triangleDown()

Draws a triangle heading downwards set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#triangleDown

Try it:

Usage sample

triangleLeft

triangleLeft()

Draws a triangle heading leftwards set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#triangleLeft

Try it:

Usage sample

triangleRight

triangleRight()

Draws a triangle heading rightwards set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#triangleRight

Try it:

Usage sample

triangleUp

triangleUp()

Draws a triangle heading upwards set by its circumscribed circle center and radius.
Read more at anychart.graphics.vector.primitives#triangleUp

Try it:

Usage sample

truncatedRect

truncatedRect()

Draws rectangle with cut corners.
Read more at anychart.graphics.vector.primitives#truncatedRect

Try it:

Usage sample

unlisten

unlisten(type, listener, useCapture, listenerScope)

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

Params:

Name	Type	Default	Description
type	string		The event type id.
listener	function(e:Object):boolean\|undefined		Callback method.
useCapture	boolean	false	Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope	Object		Object in whose scope to call the listener.