Top
You are looking at an outdated 7.13.0 version of this document. Switch to the 7.14.0 version to see the up to date information.

namespace anychart.graphics Improve this Doc

Drawing core namespace.

Functions Overview

circle()Creates an instance of the anychart.graphics.vector.Circle class
clip()Creates an instance of the anychart.graphics.vector.Clip class.
create()Creates and returns a Stage object providing instruments for cross-browser drawing with a common interface
ellipse()Creates an instance of the anychart.graphics.vector.Ellipse class.
hatchFill()Creates an instance of the anychart.graphics.vector.HatchFill class.
In case a fill with such parameters does not
image()Creates an instance of the anychart.graphics.vector.Image class.
layer()Creates an instance of the anychart.graphics.vector.Layer class.
path()Creates an instance of the anychart.graphics.vector.Path class.
patternFill()Creates an instance of the anychart.graphics.vector.PatternFill class.
rect()Creates an instance ot the anychart.graphics.vector.Rect class.
server()Sets and returns an address export server script, which is used to export to an image or PDF.
text()Creates, depending on the technology used, an instance of the anychart.graphics.vector.Text
type()Returns the stage type recommended for the current browser (identified by a name and version). Which is selected from
updateReferences()Update all paths to svg defs.
useAbsoluteReferences()Whether to use absolute path to svg defs.

Enums Overview

anychart.graphics.StageTypeStage types supported by AnyChart Data Visualization Toolkit.

Functions Description

circle

Creates an instance of the anychart.graphics.vector.Circle class
To learn more about working with circles, see: anychart.graphics.vector.Circle
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.

Params:

Name Type Description
cx number The X-coordinate of the center of the circle in pixels.
cy number The Y-coordinate of the center of the circle in pixels.
radius number The radius of the circle in pixels.

Returns:

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

Try it:

clip

Creates an instance of the anychart.graphics.vector.Clip class.

Params:

Name Type Description
leftorRect number | Array.<number> | anychart.graphics.math.Rect | Object | null Left coordinate, rect or array or object representing bounds.
top number Top coordinate.
width number Width of the rect.
height number Height of the rect.

Returns:

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

Try it:

create

Creates and returns a Stage object providing instruments for cross-browser drawing with a common interface for all supported technologies.
More at anychart.graphics.StageType

Params:

Name Type Default Description
container Element | string
A container where all graphics will be drawn. It can be defined later, for example while rendering.
width string | number
"100%"
The width of a Stage object in pixels.
height string | number
"100%"
The height of a Stage object in pixels.

Returns:

anychart.graphics.vector.Stage - A Stage object for cross-browser drawing with a common interface for all supported technologies.

Try it:

ellipse

Creates an instance of the anychart.graphics.vector.Ellipse class.
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.
To learn more about working with ellipses, see: anychart.graphics.vector.Ellipse

Params:

Name Type Description
cx number The X-coordinate of the center of the ellipse in pixels.
cy number The Y-coordinate of the center of the ellipse in pixels.
rx number The X-axis radius of the ellipse in pixels.
ry number The Y-axis radius of the ellipse in pixels.

Returns:

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

Try it:

hatchFill

Creates an instance of the anychart.graphics.vector.HatchFill class.
In case a fill with such parameters does not exist. If there is already a fill with such parameters, an instance of it is returned.
To learn more about working with hatch fills, see: anychart.graphics.vector.HatchFill

Params:

Name Type Description
type anychart.graphics.vector.HatchFill.HatchFillType The type of the hatch fill.
color string The color of the the hatch combined with opacity.
thickness number The thickness of the hatch fill.
size number The size of the hatch fill.

Returns:

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

Try it:

image

Creates an instance of the anychart.graphics.vector.Image class.
Important: anychart.graphics.vector.Stage does not delete the object you have created. You should remove the object after using it.

Params:

Name Type Description
src string The IRI (Internationalized Resource Identifier) of the image source.
x number The X-coordinate of the left-top corner of the image.
y number The Y-coordinate of the left-top corner of the image.
width number The width of the image bounds.
height number The height of the image bounds.

Returns:

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

Try it:

layer

Creates an instance of the anychart.graphics.vector.Layer class.
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.

Returns:

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

Try it:

path

Creates an instance of the anychart.graphics.vector.Path class.
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.
To learn more about working with Path, see: anychart.graphics.vector.Path

Returns:

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

Try it:

patternFill

Creates an instance of the anychart.graphics.vector.PatternFill class.
To learn more about working with pattern fills, see: anychart.graphics.vector.PatternFill

Params:

Name Type Description
bounds anychart.graphics.math.Rect The bounds of the pattern. Defines the size and offset of the pattern.

Returns:

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

Try it:

rect

Creates an instance ot the anychart.graphics.vector.Rect class.
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.

Params:

Name Type Description
x number The X-coordinate (left) of the top-left corner of the rectangle.
y number The Y-coordinate (left) of the top-left corner of the rectangle.
width number The width of the rectangle.
height number The height of the rectangle.

Returns:

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

server

Sets and returns an address export server script, which is used to export to an image or PDF.
See at:
anychart.graphics.vector.Stage#saveAsPdf
anychart.graphics.vector.Stage#saveAsPng
anychart.graphics.vector.Stage#saveAsJpg

Params:

Name Type Description
address string Export server script URL.

Returns:

string - Export server script URL.

text

Creates, depending on the technology used, an instance of the anychart.graphics.vector.Text or the anychart.graphics.vector.vml.Text class.
Important: When an element is created this way, a parent element is not assigned to it automatically, so it is necessary to set the parent element manually.

Params:

Name Type Description
x number The X-coordinate (left) of the top-left corner of the text bounds.
y number The Y-coordinate (top) of the top-left corner of the text bounds.
text string The text to display.
style anychart.graphics.vector.TextStyle Text style. See more: anychart.graphics.vector.Text#style.

Returns:

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

type

Returns the stage type recommended for the current browser (identified by a name and version). Which is selected from the supported stage types.

Returns:

anychart.graphics.StageType - A Stage type supported by the current browser.

updateReferences

Update all paths to svg defs.

Try it:

useAbsoluteReferences

Whether to use absolute path to svg defs.

Params:

Name Type Description
value boolean Value to set.

Returns:

boolean undefined - Value.

Try it: