Last updated

API / geotoolkit / controls / shapes / PolarCrossPlot / PolarCrossPlot

Class: PolarCrossPlot

shapes.PolarCrossPlot.PolarCrossPlot

Defines a crossplot shape in the polar coordinates. First a polar grid will need to be created and then CrossPlot shape can be added to the grid as shown in the example below.
Sectors can be added to highlight the area and third dimension can be defined for each point in the cross plot. To display a tool tip while clicking a symbol on polar cross plot, refer to the Polar Plot section Polar Chart tutorial.

Example

const crossPlotShape = new PolarCrossPlot({
'center': {x: 100, y: 100},
'outerradius': 100,
'data': {
'radius': [0, 15, 50, 70],
'angle': [0, 15, 25, 35]
}
});

Hierarchy

Table of contents

Constructors
Methods
addCssClassaddInvalidateHandlerapplyOpacity
applyResponsiveStylecartesianToPolarcheckCollision
cloneconnectStylecopyConstructor
disconnectStyledisposeenableClipping
enableEventPropagationexecutefilter
getAnimationStylegetBoundsgetCenterX
getCenterYgetClassNamegetClipStyle
getColorProvidergetCssgetCssClass
getCssClassesgetCssTransformgetData
getFillStylegetHeightgetHighlightedIndices
getIdgetIndicesAtgetInvalidateMethod
getLayoutStylegetLineStylegetLocalTransform
getMarginsStylegetNamegetOpacity
getOpacityBlendModegetParentgetPointsAt
getPolarGridgetPropertiesgetProperty
getPropertyKeysgetRenderingFiltergetResponsiveStyle
getRootgetScaleScrollStrategygetSceneTransform
getSymbolPaintergetSymbolShapegetTag
getVisiblegetWidthgetWorldTransform
getXgetYgetZIndex
hasCssClasshasEventListenerhighlightArea
highlightIndiceshitTestinvalidate
invalidateLayoutinvalidateParentisClippingEnabled
isDisposedisEmptyisEventPropagationEnabled
isNotificationEnabledisSelectableisSilent
notifyoffon
onParentChangedonRectChangedonVisibilityChanged
polarToCartesianpostRenderingpreRendering
registerAnimationStyleremoveCssClassremoveInvalidateHandler
renderrenderAsyncrotate
scalesetAnimationStylesetBounds
setClipStylesetCsssetCssClass
setCssTransformsetDatasetFillStyle
setHighLightColorssetIdsetLayoutStyle
setLineStylesetLocalTransformsetMarginsStyle
setNamesetNotificationsetOpacity
setPropertiessetPropertysetRect
setRenderingFiltersetResponsiveStylesetScaleScrollStrategy
setSelectablesetSilentsetSymbolPainter
setTagsetVisiblesetZIndex
sheartoStringtranslate
unregisterAnimationStyleupdateLimitsupdateSceneTransformation
updateStateupdateTimeStampenableSceneGraphNotification
findParentgetClassNameintersectsBounds
isSceneGraphNotificationEnabled
Css Properties
Name Type Description
autominmaxbooleanForce automatically recalculate CrossPlot bounds when new data is set
bottomnumberY coordinate of the bottom right corner (if 'height' not specified)
boundsRectBounds
bounds-heightnumberHeight
bounds-readonlybooleanReadonly
bounds-widthnumberWidth
bounds-xnumberLeft
bounds-ynumberTop
centerPointA center of the polar chart
center-xnumberX coordinate
center-ynumberY coordinate
clipstyleClipStyleClipping style
clipstyle-evenoddbooleanTrue if evenodd mode is on ('nonzero' mode otherwise)
clipstyle-geometryGraphicsPathClipping geometry
clipstyle-geometry-boundsRectBounds
clipstyleGraphicsPathClipping style
clipstyleClipStyleClipping style
clipstyleGraphicsPathClipping style
colorproviderColorProviderThe colorProvider used to color points based on their Z value
colorprovider-maxnumber
colorprovider-minnumber
colorprovider-scaleKnownScales
cssclassstringThe css class name of this node
cssclassstringThe css class name of this node
csscursorstringCSS cursor associated with node
csscursorstringCSS cursor associated with node
cssstylestringCSS style to be applied to inserted elements
cssstylestringCSS style to be applied to inserted elements
defaultcolorstringThe color to be used if there is no ColorProvider provided or if a point has no valid Z value
defaultlinecolorstringThe color of line to be used in symbol
fillstylestringStyle applied on fill
fillstyleFillStyleStyle applied on fill
fillstyle-colorstringColor in CSS form
fillstyle-evenoddmodebooleanEven-odd fill mode
fillstyle-fillpatternPatternPattern
fillstyle-fillpattern-containernamestringAn optional container name, which creates an image pattern. This parameter is used for serialization if you want to save are reference to pattern instead of the pattern itself
fillstyle-fillpattern-patternnamestringName of this pattern for indexing
fillstyle-fillpattern-scalablebooleanFlag that sets scalability of the pattern coordinates, or relative to the shape it is filling (It is not supported)
fillstyle-foregroundstringForeground color
fillstyle-patternPatternPattern
fillstylestringStyle applied on fill
fillstyleFillStyleStyle applied on fill
heightnumberHeight (if 'bottom' not specified)
highlightcolorstringThe color to use for highlighted shapes
idstring | numberId of the node, its a unique identifier
idstring | numberId of the node, its a unique identifier
leftnumberX coordinate of the top left corner
linestylestringStyle applied on outline
linestyleLineStyleStyle applied on outline
linestyle-colorstringColor in CSS form
linestyle-fillstringOptional fill style to be used to fill lines generated with this style
linestyle-fillFillStyleOptional fill style to be used to fill lines generated with this style
linestyle-linecapCapStyleThe line cap style
linestyle-linedashoffsetnumberLine dash offset of dashed line
linestyle-linejoinJoinStyleThe line join style
linestyle-pixelsnapmodebooleanPixel Snap Mode, default(
linestyle-scalablebooleanTrue if width should depend on transformation
linestyle-unitstringOptional unit for the width
linestyle-widthnumber | stringThe line thickness
linestylestringStyle applied on outline
linestyleLineStyleStyle applied on outline
localtransformTransformationLocal transformation
localtransform-dxnumberX axis translation
localtransform-dynumberY axis translation
localtransform-xxnumberX scale
localtransform-xynumberXy skew
localtransform-yxnumberYx skew
localtransform-yynumberY scale
localtransformTransformationLocal transformation
logxbooleanTrue to logarithm x values, false otherwise
logybooleanTrue to logarithm y values, false otherwise
logzbooleanTrue to logarithm z values, false otherwise
marginsnumber | stringIt has properties for specifying the margins for each side
marginsnumber | stringIt has properties for specifying the margins for each side
maxxnumberThe x maximum to use, can be used to clip the data
maxynumberThe y maximum to use, can be used to clip the data
minxnumberThe x minimum to use, can be used to clip the data
minynumberThe y minimum to use, can be used to clip the data
modelradiusnumberA radius of the polar chart in the model coordinates
namestringName of the node. It is often used for debugging purposes or to simplify queries
namestringName of the node. It is often used for debugging purposes or to simplify queries
opacitynumberNode opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context
opacitynumberNode opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context
opacityblendmodeBlendModeNode opacity mode to blend it
opacityblendmodeBlendModeNode opacity mode to blend it
optionsOptions
options-cssclassstringThe css class name of this node
options-idstring | numberId of the node, its a unique identifier
options-namestringName of the node. It is often used for debugging purposes or to simplify queries
options-selectablebooleanSelectable node, a boolean to determine if selection should consider this node
options-taganyCustom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape
options-visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
options-z-indexnumberDefine node z-index
optionsOptions
options-clipstyleClipStyleClipping style
options-clipstyleGraphicsPathClipping style
options-csscursorstringCSS cursor associated with node
options-cssstylestringCSS style to be applied to inserted elements
options-localtransformTransformationLocal transformation
options-marginsnumber | stringIt has properties for specifying the margins for each side
options-opacitynumberNode opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context
options-opacityblendmodeBlendModeNode opacity mode to blend it
options-scalescrollstrategyScaleScrollStrategyScale scroll strategy
options-scalescrollstrategy-enabledbooleanEnable flag
options-transformstringAdditional CSS transformation applied to node or 'none'
options-transformTransformationAdditional CSS transformation applied to node or 'none'
optionsOptions
options-fillstylestringStyle applied on fill
options-fillstyleFillStyleStyle applied on fill
options-linestylestringStyle applied on outline
options-linestyleLineStyleStyle applied on outline
optionsOptions
options-bottomnumberY coordinate of the bottom right corner (if 'height' not specified)
options-boundsRectBounds
options-heightnumberHeight (if 'bottom' not specified)
options-leftnumberX coordinate of the top left corner
options-rightnumberX coordinate of the bottom right corner (if 'width' not specified)
options-topnumberY coordinate of the top left corner
options-widthnumberWidth (if 'right' not specified)
optionsOptions
options-autominmaxbooleanForce automatically recalculate CrossPlot bounds when new data is set
options-colorproviderColorProviderThe colorProvider used to color points based on their Z value
options-defaultcolorstringThe color to be used if there is no ColorProvider provided or if a point has no valid Z value
options-defaultlinecolorstringThe color of line to be used in symbol
options-highlightcolorstringThe color to use for highlighted shapes
options-logxbooleanTrue to logarithm x values, false otherwise
options-logybooleanTrue to logarithm y values, false otherwise
options-logzbooleanTrue to logarithm z values, false otherwise
options-maxxnumberThe x maximum to use, can be used to clip the data
options-maxynumberThe y maximum to use, can be used to clip the data
options-minxnumberThe x minimum to use, can be used to clip the data
options-minynumberThe y minimum to use, can be used to clip the data
options-painterstringThe painter to draw symbols
options-symbolsizenumberThe symbol size in pixel
optionsDataOptions
options-centerPointA center of the polar chart
options-modelradiusnumberA radius of the polar chart in the model coordinates
options-outerradiusnumberA radius of the polar chart
options-painterstringA painter
options-polargridPolarGridGrid to get initialization parameters. If grid is specified other parameters are ignored
options-polargrid-anglenumberAn increment angle of the grid
options-polargrid-bottomnumberY coordinate of the bottom right corner (if 'height' not specified)
options-polargrid-boundsRectBounds
options-polargrid-centerPointA center of the polar chart
options-polargrid-clipstyleClipStyleClipping style
options-polargrid-clipstyleGraphicsPathClipping style
options-polargrid-cssclassstringThe css class name of this node
options-polargrid-csscursorstringCSS cursor associated with node
options-polargrid-cssstylestringCSS style to be applied to inserted elements
options-polargrid-fillstylestringStyle applied on fill
options-polargrid-fillstyleFillStyleStyle applied on fill
options-polargrid-heightnumberHeight (if 'bottom' not specified)
options-polargrid-idstring | numberId of the node, its a unique identifier
options-polargrid-leftnumberX coordinate of the top left corner
options-polargrid-linestylestringStyle applied on outline
options-polargrid-linestyleLineStyleStyle applied on outline
options-polargrid-linestylestringLine style to specify style for outer circle
options-polargrid-linestyleLineStyleLine style to specify style for outer circle
options-polargrid-localtransformTransformationLocal transformation
options-polargrid-marginsnumber | stringIt has properties for specifying the margins for each side
options-polargrid-modelradiusnumberRadius of the polar chart in the model coordinates
options-polargrid-namestringName of the node. It is often used for debugging purposes or to simplify queries
options-polargrid-opacitynumberNode opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context
options-polargrid-opacityblendmodeBlendModeNode opacity mode to blend it
options-polargrid-optionsOptionsBase
options-polargrid-options-anglenumberAn increment angle of the grid
options-polargrid-options-centerPointA center of the polar chart
options-polargrid-options-linestylestringLine style to specify style for outer circle
options-polargrid-options-linestyleLineStyleLine style to specify style for outer circle
options-polargrid-options-modelradiusnumberRadius of the polar chart in the model coordinates
options-polargrid-options-outerradiusnumberA radius of the polar chart
options-polargrid-options-startanglenumberA start angle to be used for 0 angle (by default it is E direction)
options-polargrid-outerradiusnumberA radius of the polar chart
options-polargrid-rightnumberX coordinate of the bottom right corner (if 'width' not specified)
options-polargrid-scalescrollstrategyScaleScrollStrategyScale scroll strategy
options-polargrid-selectablebooleanSelectable node, a boolean to determine if selection should consider this node
options-polargrid-startanglenumberA start angle to be used for 0 angle (by default it is E direction)
options-polargrid-taganyCustom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape
options-polargrid-topnumberY coordinate of the top left corner
options-polargrid-transformstringAdditional CSS transformation applied to node or 'none'
options-polargrid-transformTransformationAdditional CSS transformation applied to node or 'none'
options-polargrid-visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
options-polargrid-widthnumberWidth (if 'right' not specified)
options-polargrid-z-indexnumberDefine node z-index
options-startanglenumberA start angle to be used for 0 angle (by default it is E direction)
outerradiusnumberA radius of the polar chart
painterstringThe painter to draw symbols
painterstringA painter
polargridPolarGridGrid to get initialization parameters. If grid is specified other parameters are ignored
rightnumberX coordinate of the bottom right corner (if 'width' not specified)
scalescrollstrategyScaleScrollStrategyScale scroll strategy
scalescrollstrategyScaleScrollStrategyScale scroll strategy
selectablebooleanSelectable node, a boolean to determine if selection should consider this node
selectablebooleanSelectable node, a boolean to determine if selection should consider this node
startanglenumberA start angle to be used for 0 angle (by default it is E direction)
symbolsizenumberThe symbol size in pixel
taganyCustom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape
taganyCustom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape
topnumberY coordinate of the top left corner
transformstringAdditional CSS transformation applied to node or 'none'
transformTransformationAdditional CSS transformation applied to node or 'none'
transformstringAdditional CSS transformation applied to node or 'none'
transformTransformationAdditional CSS transformation applied to node or 'none'
visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
widthnumberWidth (if 'right' not specified)
z-indexnumberDefine node z-index
z-indexnumberDefine node z-index

Contents

Constructors

new PolarCrossPlot(options)

new PolarCrossPlot(options?)

Parameters

Name Type
Optional optionsOptions

Overrides

CrossPlot.constructor

Methods

addCssClass

addCssClass(cssclass): PolarCrossPlot

Adds new css class to node

Parameters

Name Type Description
cssclassstring | string[]css class name('s)

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.addCssClass


addInvalidateHandler

addInvalidateHandler(handler): PolarCrossPlot

Add invalidate handler

Deprecated

since 4.0, use Node.on instead

Parameters

Name Type Description
handlerFunctionhandler to be notified about invalidation

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.addInvalidateHandler


applyOpacity

Protected applyOpacity(context): PolarCrossPlot

This method is called to apply opacity if it is specified on the rendering context. The default implementation sets global alpha on the rendering context

Parameters

Name Type Description
contextRenderingContextRendering Context

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.applyOpacity


applyResponsiveStyle

Protected applyResponsiveStyle(): void

Apply a responsive style rules it is exists

Returns

void

Inherited from

CrossPlot.applyResponsiveStyle


cartesianToPolar

cartesianToPolar(x, y): Point

Convert point from polar to cartesian coordinate system

Parameters

Name Type Description
xnumberx coordinate (offset from center point)
ynumbercoordinate (offset from center point)

Returns

Point


checkCollision

checkCollision(context): boolean

Check collision

Parameters

Name Type Description
contextRenderingContextRendering Context

Returns

boolean

true if object is inside of rendering area

Inherited from

CrossPlot.checkCollision


clone

clone(): CrossPlot

All subclasses should override copyConstructor or provide custom implementation for this method

Returns

CrossPlot

clone

Inherited from

CrossPlot.clone


connectStyle

connectStyle(style, type, callback): PolarCrossPlot

Connects style.

This convenience method subscribes a listener to given style for the specified type.
And automatically un-subscribes listener if node is disposed to prevent memory leaks

Parameters

Name Type Description
styleEventDispatcherconnect style
typestringtype of event or property
callbackAttributeCallback<EventDispatcher>function to be called

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.connectStyle


copyConstructor

Protected copyConstructor(src, deepCopy?): PolarCrossPlot

Copy constructor function.
Function used as part of the cloning mechanism.
Implementations should copy the given instance state to this instance.

Parameters

Name Type Description
srcCrossPlotSource to copy from
Optional deepCopybooleandeep copy

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.copyConstructor


disconnectStyle

disconnectStyle(style, type, callback): PolarCrossPlot

Disconnect style
This convenience method un-subscribes a listener to given style for the specified type.

Parameters

Name Type Description
styleEventDispatcherconnect style
typestringtype of event or property
callbackAttributeCallback<EventDispatcher>function to be called

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.disconnectStyle


dispose

dispose(): void

Disposes this node, once disposes a node should not be used anymore.
Clear all listeners, and disconnect styles to avoid memory leaks.
Also aggressively 'cleanup' this node by setting some of its members to null.

Returns

void

Inherited from

CrossPlot.dispose


enableClipping

enableClipping(doClip): PolarCrossPlot

Enables or disables clipping of this node. If enabled, shapes will not be rendered outside of its bounds.

Parameters

Name Type Description
doClipbooleanenable clipping on this node

Returns

PolarCrossPlot

Inherited from

CrossPlot.enableClipping


enableEventPropagation

enableEventPropagation(enable): PolarCrossPlot

Enable event propagation from the node hierarchy from bottom to top

This option is similar to DOM Event bubbling, which allows to get any event from child node. By default it is disabled for better performance.

Example

import {Group} from '@int/geotoolkit/scene/Group';
import {Events as SceneEvents} from '@int/geotoolkit/scene/Node';
const parentGroup = new Group()
.setName('ParentGroup')
.enableEventPropagation(true);
const childGroup = new Group()
.setName('ChildGroup');

parentGroup.addChild(childGroup);
parentGroup.on(SceneEvents.Invalidate, (eventName, sender, args) => {
// Got notifications from all children of parent group
});
childGroup.invalidate();

Parameters

Name Type Description
enablebooleanenable

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.enableEventPropagation


execute

execute(delegate): PolarCrossPlot

Executes delegate and return the result. It allows us to keep all initialization calls in one place,
and we do not need to scroll up or down in IDE to find how and where it was initialized.

Example

// All setters (.setName() for example) returns reference to the this.
// In order to modify inner object like LineStyle or Pattern, to get this object (property) we should call getter to get object reference.
// Then modify it as shown below in Option 1 or you can use execute methods shown in Option 2.
import {Group} from '@int/geotoolkit/scene/Group';
import {Rect} from '@int/geotoolkit/util/Rect';
// Option 1
const group = new Group()
.setName('MyGroup')
.setBounds(new Rect(0, 0, 42, 16))
.enableClipping(true)
.setTag({'type': 'sometype'});

group.getLineStyle().setPattern('pattern');
return group;

// Options 2 ( using execute method )
return group
.execute(function () {
this.getLineStyle()
.setPattern("pattern");
});

Parameters

Name Type Description
delegate(this: PolarCrossPlot) => voidFunction to execute

Returns

PolarCrossPlot

The result if any or this

Inherited from

CrossPlot.execute

execute<T>(delegate): T

Type parameters

Name
T

Parameters

Name Type
delegate(this: PolarCrossPlot) => T

Returns

T

Inherited from

CrossPlot.execute


filter

Protected filter(context): boolean

Filter node

Parameters

Name Type Description
contextRenderingContextRendering Context

Returns

boolean

flag filter flag ("true" to render node; "false" otherwise)

Inherited from

CrossPlot.filter


getAnimationStyle

getAnimationStyle(): AnimationStyle

Return animation style

Returns

AnimationStyle

animationStyle current animation style

Inherited from

CrossPlot.getAnimationStyle


getBounds

getBounds(): Rect

Return bounds. Will also lock the bounds so they cannot be directly modified.

Returns

Rect

bounds

Inherited from

CrossPlot.getBounds


getCenterX

getCenterX(): number

Returns the X coordinate of the center of the framing rectangle of this rectangular shape.

Returns

number

Inherited from

CrossPlot.getCenterX


getCenterY

getCenterY(): number

Returns the Y coordinate of the center of the framing rectangle of this rectangular shape.

Returns

number

Inherited from

CrossPlot.getCenterY


getClassName

getClassName(): string

Returns

string

Inherited from

CrossPlot.getClassName


getClipStyle

getClipStyle(): ClipStyle

Gets the current clipping style

Returns

ClipStyle

clipping style

Inherited from

CrossPlot.getClipStyle


getColorProvider

getColorProvider(): ColorProvider

Return ColorProvider

Returns

ColorProvider

colorProvider

Inherited from

CrossPlot.getColorProvider


getCss

getCss(): CssStyle

Return CSS style

Returns

CssStyle

Inherited from

CrossPlot.getCss


getCssClass

getCssClass(): string

Returns css class name to be used to apply CSS style

Returns

string

the css class name

Inherited from

CrossPlot.getCssClass


getCssClasses

getCssClasses(): string[]

Gets list of css class names which applied to this node

Returns

string[]

Inherited from

CrossPlot.getCssClasses


getCssTransform

getCssTransform(): string

Returns CSS transformation

Returns

string

Inherited from

CrossPlot.getCssTransform


getData

getData(): Data

Get Data

Returns

Data

Inherited from

CrossPlot.getData


getFillStyle

getFillStyle(): FillStyle

Return fill style

Returns

FillStyle

fillStyle current fill style

Inherited from

CrossPlot.getFillStyle


getHeight

getHeight(): number

Returns the height of the framing rectangle.

Returns

number

Inherited from

CrossPlot.getHeight


getHighlightedIndices

getHighlightedIndices(): number[]

Gets Highlighted Indices

Returns

number[]

Inherited from

CrossPlot.getHighlightedIndices


getId

getId(): string | number

Returns the associated identifier of the node

Returns

string | number

The node's id

Inherited from

CrossPlot.getId


getIndicesAt

getIndicesAt(area, includeSize?, tr?): number[]

Return indices in search area

Parameters

Name Type Description
areaAreasearch area
Optional includeSizebooleantrue for symbol size(s) to be included in the search, false by default
Optional trTransformationfor device area needed

Returns

number[]

Inherited from

CrossPlot.getIndicesAt


getInvalidateMethod

Protected getInvalidateMethod(): AttributeCallback<EventDispatcher>

Gets invalidate method

Returns

AttributeCallback<EventDispatcher>

method to invalidate this object

Inherited from

CrossPlot.getInvalidateMethod


getLayoutStyle

getLayoutStyle(): LayoutStyle<string | number>

Return desired layout style

Returns

LayoutStyle<string | number>

Inherited from

CrossPlot.getLayoutStyle


getLineStyle

getLineStyle(): LineStyle

Return line style

Returns

LineStyle

lineStyle current line style

Inherited from

CrossPlot.getLineStyle


getLocalTransform

getLocalTransform(): Transformation

Retrieves the transformation of bounds to parent

Returns

Transformation

transform the local transform.

Inherited from

CrossPlot.getLocalTransform


getMarginsStyle

getMarginsStyle(): SpaceStyle<string | number>

Return margins style

Returns

SpaceStyle<string | number>

Inherited from

CrossPlot.getMarginsStyle


getName

getName(): string

Returns the node name

Returns

string

The node name

Inherited from

CrossPlot.getName


getOpacity

getOpacity(): number

Returns current node opacity

Returns

number

opacity

Inherited from

CrossPlot.getOpacity


getOpacityBlendMode

getOpacityBlendMode(): BlendMode

Returns current node opacity

Returns

BlendMode

opacity blend mode

Inherited from

CrossPlot.getOpacityBlendMode


getParent

getParent(): Node

Return parent node

Returns

Node

parent node

Inherited from

CrossPlot.getParent


getPointsAt

getPointsAt(rect): { x: number ; y: number ; z: number }[]

Return points in search area

Parameters

Name Type Description
rectRectsearch area

Returns

{ x: number ; y: number ; z: number }[]

Inherited from

CrossPlot.getPointsAt


getPolarGrid

getPolarGrid(): PolarGrid

Returns associated polar grid

Returns

PolarGrid

polar grid


getProperties

getProperties(): OptionsOut

Gets all the properties pertaining to this object

Returns

OptionsOut

properties

Overrides

CrossPlot.getProperties


getProperty

getProperty(name): any

Gets dynamic property by name. These properties can be used as a property bags

Parameters

Name Type Description
namestringproperty name

Returns

any

Inherited from

CrossPlot.getProperty


getPropertyKeys

getPropertyKeys(): string[]

Returns known properties keys

Returns

string[]

Inherited from

CrossPlot.getPropertyKeys


getRenderingFilter

getRenderingFilter(): IFilter

Return filter to be used for rendering and picking

Returns

IFilter

current filter

Inherited from

CrossPlot.getRenderingFilter


getResponsiveStyle

getResponsiveStyle(): ResponsiveStyle

Return responsive style

Returns

ResponsiveStyle

Inherited from

CrossPlot.getResponsiveStyle


getRoot

getRoot(): Node

Returns root node.
If node doesn't have parent then it returns itself.

Returns

Node

the root node

Inherited from

CrossPlot.getRoot


getScaleScrollStrategy

getScaleScrollStrategy(): Delegate

Gets scale scroll strategy

Returns

Delegate

scale scroll strategy

Inherited from

CrossPlot.getScaleScrollStrategy


getSceneTransform

getSceneTransform(): Transformation

Returns transformation from node to root scene

Returns

Transformation

a transformation from node to root scene

Inherited from

CrossPlot.getSceneTransform


getSymbolPainter

getSymbolPainter(): Painter

Get the current painter used to draw points

Returns

Painter

Inherited from

CrossPlot.getSymbolPainter


getSymbolShape

getSymbolShape(index): SymbolShape

Gets symbol shape by index

Parameters

Name Type
indexnumber

Returns

SymbolShape

Inherited from

CrossPlot.getSymbolShape


getTag

getTag(): any

Returns the object associated with the node by user.

Returns

any

The node's user-object

Inherited from

CrossPlot.getTag


getVisible

getVisible(): boolean

Return visibility of the node

Returns

boolean

true if node is visible

Inherited from

CrossPlot.getVisible


getWidth

getWidth(): number

Returns the width of the framing rectangle.

Returns

number

Inherited from

CrossPlot.getWidth


getWorldTransform

getWorldTransform(): Transformation

Retrieves the local transformation of the node which represents multiplication of parent to bounds and contents transformations.

Returns

Transformation

transform the world transform.

Inherited from

CrossPlot.getWorldTransform


getX

getX(): number

Returns the X coordinate of the left bottom corner of the framing rectangle.

Returns

number

Inherited from

CrossPlot.getX


getY

getY(): number

Returns the Y coordinate of the left bottom corner of the framing rectangle.

Returns

number

Inherited from

CrossPlot.getY


getZIndex

getZIndex(): number

Returns node z-index (null if not set)

Returns

number

Inherited from

CrossPlot.getZIndex


hasCssClass

hasCssClass(cssClass): boolean

Check if node has specified css class

Parameters

Name Type Description
cssClassstringcss class name

Returns

boolean

Inherited from

CrossPlot.hasCssClass


hasEventListener

hasEventListener(type, callback?): boolean

Check if a list of event listeners for this type contains this listener

Parameters

Name Type Description
typestringtype of event or property
Optional callbackFunctionto be called, if null, check if any callback is registered

Returns

boolean

Inherited from

CrossPlot.hasEventListener


highlightArea

highlightArea(rect, reset): PolarCrossPlot

Highlights the selected area

Parameters

Name Type Description
rectRectsearch area
resetbooleanun-highlights previously selected indices

Returns

PolarCrossPlot

Inherited from

CrossPlot.highlightArea


highlightIndices

highlightIndices(indices, reset): PolarCrossPlot

Highlights the selected indices

Parameters

Name Type Description
indicesnumber[]indices to be highlighted
resetbooleanun-highlights previously selected indices

Returns

PolarCrossPlot

Inherited from

CrossPlot.highlightIndices


hitTest

hitTest(area, radius?, ignoreOrientation?): Object

Hit test in the device coordinates

Parameters

Name Type Description
areaPoint | Rectmodel area or position
Optional radiusnumberradius of selection
Optional ignoreOrientationOrientationOrientation to ignore - this parameter is ignored for arrays of points

Returns

Object

a collection of selected data

NameType
indicesnumber[]

Inherited from

CrossPlot.hitTest


invalidate

invalidate(bounds?, force?): PolarCrossPlot

Invalidate area of the shape. This method invalidates parent by default. invalidated from parent to root node.

Parameters

Name Type Description
Optional boundsRectbounds of the invalid rectangle in the inner node coordinates
Optional forcebooleantrue if parent should be invalidated immediately if null is provided then cache (if any will be completely refreshed) otherwise only specified rect or node.bounds will be refreshed

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.invalidate


invalidateLayout

invalidateLayout(): PolarCrossPlot

Notify that layout is invalidated. Send event Events.LayoutInvalidated

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.invalidateLayout


invalidateParent

invalidateParent(bounds?, force?): PolarCrossPlot

Invalidate bounds

Parameters

Name Type Description
Optional boundsRectif null is provided then cache (if any will be completely refreshed) otherwise only specified rect or node.bounds will be refreshed
Optional forcebooleanflag indicating if the parent must be forcibly invalidated

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.invalidateParent


isClippingEnabled

isClippingEnabled(): boolean

Returns if clipping is enabled or not for this node.

Returns

boolean

Inherited from

CrossPlot.isClippingEnabled


isDisposed

isDisposed(): boolean

Returns whether this object has been disposed

Returns

boolean

Inherited from

CrossPlot.isDisposed


isEmpty

isEmpty(): boolean

Return false if bounds is equal to zero

Returns

boolean

Inherited from

CrossPlot.isEmpty


isEventPropagationEnabled

isEventPropagationEnabled(): boolean

Return true if event propagation is enabled from child to parent

Returns

boolean

Inherited from

CrossPlot.isEventPropagationEnabled


isNotificationEnabled

isNotificationEnabled(): boolean

return state of notification

Returns

boolean

current notification state

Inherited from

CrossPlot.isNotificationEnabled


isSelectable

isSelectable(): boolean

Returns true if node can be picked/selected.

Returns

boolean

The selectable flag

Inherited from

CrossPlot.isSelectable


isSilent

isSilent(): boolean

Return true if the event dispatcher doesn't notify any events

Returns

boolean

Inherited from

CrossPlot.isSilent


notify

notify<E>(event, source, args?): PolarCrossPlot

Notify listeners of the Node

Type parameters

NameType
Eextends string

Parameters

Name Type Description
eventEtype of event
sourceAbstractNodesource who called the event
Optional argsEventMap[E]event arguments

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.notify


off

off<E>(type?, callback?): PolarCrossPlot

Detach listener on event. Calling .off() with no arguments removes all attached listeners. Calling .off(type) with no callback removes all attached listeners for specific type.

Type parameters

NameType
Eextends string

Parameters

Name Type Description
Optional typeEtype of the event
Optional callback(eventType: E, sender: PolarCrossPlot, args: EventMap[E]) => voidfunction to be called

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.off


on

on<E>(type, callback): PolarCrossPlot

Attach listener on event that will be called whenever the specified event is delivered to the target

If the callback function is already in the list of event listeners for this target, the function is not added a second time.

If a particular anonymous function is in the list of event listeners registered for a certain target, and then later in the code, an identical anonymous function is given in an "on" call, the second function will also be added to the list of event listeners for that target.

Type parameters

NameType
Eextends string

Parameters

Name Type Description
typeEtype of event or property
callback(eventType: E, sender: PolarCrossPlot, args: EventMap[E]) => voidto be called

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.on


onParentChanged

Protected onParentChanged(node): PolarCrossPlot

This method is called when parent changes. Do not call it directly.

Parameters

Name Type Description
nodeNodenode to change parent

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.onParentChanged


onRectChanged

Protected onRectChanged(newRect): PolarCrossPlot

Parameters

Name Type
newRectRect

Returns

PolarCrossPlot

Inherited from

CrossPlot.onRectChanged


onVisibilityChanged

Protected onVisibilityChanged(): void

This method is called if visibility is changed. Send event Events.VisibilityChanged

Returns

void

Inherited from

CrossPlot.onVisibilityChanged


polarToCartesian

polarToCartesian(r, theta): Point

Converting a point from polar to Cartesian coordinates, where x and y are offsets from the polar grid center

Parameters

Name Type Description
rnumberradius
thetanumberangle in grad

Returns

Point


postRendering

Protected postRendering(context): void

To be called after rendering. Call this method if you override method render

Parameters

Name Type Description
contextRenderingContextRendering Context

Returns

void

Inherited from

CrossPlot.postRendering


preRendering

Protected preRendering(context): void

Occurs before rendering this method sets clipping by default. Call this method if you override method render

Parameters

Name Type Description
contextRenderingContextRendering Context

Returns

void

Inherited from

CrossPlot.preRendering


registerAnimationStyle

registerAnimationStyle(root): void

Register animation style.

Parameters

Name Type Description
rootNoderoot node for node

Returns

void

Inherited from

CrossPlot.registerAnimationStyle


removeCssClass

removeCssClass(cssclass): PolarCrossPlot

Removes css class from node

Parameters

Name Type Description
cssclassstring | string[]css class name('s)

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.removeCssClass


removeInvalidateHandler

removeInvalidateHandler(handler): PolarCrossPlot

Remove invalidate handler

Deprecated

since 4.0, use Node.off instead

Parameters

Name Type Description
handlerFunctionhandler to be notified about invalidation

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.removeInvalidateHandler


render

render(context): void

Renders node

Parameters

Name Type Description
contextRenderingContextThe rendering context to be used to draw the node

Returns

void

Inherited from

CrossPlot.render


renderAsync

renderAsync(context, callback): void

Render node in asynchronous mode. Default implementation creates call method "render" inside

Parameters

Name Type Description
contextRenderingContextThe rendering context to be used to draw the node
callback() => voidcallback function

Returns

void

Inherited from

CrossPlot.renderAsync


rotate

rotate(theta, x, y): PolarCrossPlot

Rotate bounds around a given coordinate

Parameters

Name Type Description
thetanumberangle to rotate node, in radians
xnumberx coordinate to rotate around
ynumbery coordinate to rotate around

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.rotate


scale

scale(xx, yy): PolarCrossPlot

Scale node

Parameters

Name Type Description
xxnumberx scale factor
yynumbery scale factor

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.scale


setAnimationStyle

setAnimationStyle(animationStyle): PolarCrossPlot

Sets animation style

Parameters

Name Type Description
animationStyleTypeanimation style

Returns

PolarCrossPlot

Inherited from

CrossPlot.setAnimationStyle


setBounds

setBounds(rect): PolarCrossPlot

Sets the location and size of the framing rectangle of this rectangular shape to the specified values. This method is the same as setRect.

Parameters

Name Type Description
rectRectbounds rect

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setBounds

setBounds(x1, y1?, x2?, y2?): PolarCrossPlot

Sets the location and size of the framing rectangle of this rectangular shape to the specified values. This method is the same as setRect.

Parameters

Name Type Description
x1numberx coordinate of the top left corner
Optional y1numbery coordinate of the top left corner
Optional x2numberx coordinate of the bottom right corner
Optional y2numbery coordinate of the bottom right corner

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setBounds


setClipStyle

setClipStyle(style): PolarCrossPlot

Sets a new clipping style

Parameters

Name Type Description
styleGraphicsPath | ClipStyle | Optionsa new clipping style

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setClipStyle


setCss

setCss(style, merge?): PolarCrossPlot

Sets CSS style. This style will be applied for all inserted elements

Parameters

Name Type Description
styleTypeCSS style to be applied to inserted elements
Optional mergebooleanmerge flag

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setCss


setCssClass

setCssClass(name): PolarCrossPlot

Sets css class name of the node to be used to apply CSS style

Parameters

Name Type Description
namestringcss class name of the node

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setCssClass


setCssTransform

setCssTransform(transform): PolarCrossPlot

Set CSS transformation

Parameters

Name Type Description
transformstring | Transformationtransformation css transformation instruction or Transformation instance

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setCssTransform


setData

setData(options): PolarCrossPlot

Sets data

Parameters

Name Type Description
optionsDataOptionsoptions

Returns

PolarCrossPlot

this

Overrides

CrossPlot.setData


setFillStyle

setFillStyle(fillStyle, merge?): PolarCrossPlot

Sets fill style

Parameters

Name Type Description
fillStyleTypea new fill style
Optional mergebooleantrue if you want to merge fillStyle with existing attribute, false by default

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setFillStyle


setHighLightColors

setHighLightColors(colors): PolarCrossPlot

Parameters

Name Type
colorsRecord<string, RgbaColor>

Returns

PolarCrossPlot

Inherited from

CrossPlot.setHighLightColors


setId

setId(id): PolarCrossPlot

Allows the user to associate any identifier

Parameters

Name Type Description
idstring | numberobject id

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setId


setLayoutStyle

setLayoutStyle(layoutStyle, merge?): PolarCrossPlot

Specify desired layout style

Parameters

Name Type Description
layoutStyleLayoutStyle<string | number> | Options<string | number>desired layout style or layout style params
Optional mergebooleantrue if you want to merge layoutStyle with existing attribute, false by default

Returns

PolarCrossPlot

Inherited from

CrossPlot.setLayoutStyle


setLineStyle

setLineStyle(lineStyle, merge?): PolarCrossPlot

Sets line style

Parameters

Name Type Description
lineStyleTypeline style or options
Optional mergebooleantrue if you want to merge lineStyle with existing attribute, false by default

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setLineStyle


setLocalTransform

setLocalTransform(localTransform, force?): PolarCrossPlot

Sets local transformation to be used to transform from local to parent coordinate

Parameters

Name Type Description
localTransformTransformationlocal transformation for this node
Optional forcebooleanboolean flag to force update event if transformations are equal, false by default

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setLocalTransform


setMarginsStyle

setMarginsStyle(margins, merge?): PolarCrossPlot

Sets margins style

Parameters

Name Type Description
marginsType<string | number>margins style
Optional mergebooleantrue if you want to merge marginsStyle with existing attribute, false by default

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setMarginsStyle


setName

setName(name): PolarCrossPlot

Sets name of the node

Parameters

Name Type Description
namestringThe node name

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setName


setNotification

setNotification(notify, force?): PolarCrossPlot

set notification state

Parameters

Name Type Description
notifybooleanflag set to invalidate parent or not
Optional forcebooleantrue if parent should be invalidated immediately

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setNotification


setOpacity

setOpacity(opacity, blendMode?): PolarCrossPlot

Sets node opacity

Parameters

Name Type Description
opacitynumbernode opacity from 0 to 1
Optional blendModeBlendModeopacity blend mode. If it is normal, opacity will be replaced.

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setOpacity


setProperties

setProperties(properties?): PolarCrossPlot

Sets all the properties pertaining to this object

Parameters

Name Type Description
Optional propertiesOptionsproperties

Returns

PolarCrossPlot

this

Overrides

CrossPlot.setProperties


setProperty

setProperty(name, value): PolarCrossPlot

Sets dynamic property by name

Parameters

Name Type Description
namestringproperty name
valueanyproperty value

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setProperty


setRect

setRect(rect): PolarCrossPlot

Sets the location and size of the framing rectangle of this rectangular shape to the specified values.

Parameters

Name Type Description
rectRectrect

Returns

PolarCrossPlot

Inherited from

CrossPlot.setRect

setRect(params): PolarCrossPlot

Sets the location and size of the framing rectangle of this rectangular shape to the specified values.

Parameters

Name Type Description
paramsOptionsrect params

Returns

PolarCrossPlot

Inherited from

CrossPlot.setRect

setRect(x1, y1, x2, y2): PolarCrossPlot

Sets the location and size of the framing rectangle of this rectangular shape to the specified values.

Parameters

Name Type Description
x1numberx coordinate of the top left corner
y1numbery coordinate of the top left corner
x2numberx coordinate of the bottom right corner
y2numbery coordinate of the bottom right corner

Returns

PolarCrossPlot

Inherited from

CrossPlot.setRect


setRenderingFilter

setRenderingFilter(filter): PolarCrossPlot

Sets filter to be applied before rendering and picking

Parameters

Name Type Description
filterIFilterfilter to set

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setRenderingFilter


setResponsiveStyle

setResponsiveStyle(style): PolarCrossPlot

Sets responsive style.

Parameters

Name Type Description
styleOptions | ResponsiveStyleresponsive style

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setResponsiveStyle


setScaleScrollStrategy

setScaleScrollStrategy(strategy?): PolarCrossPlot

Sets scale scroll strategy

Parameters

Name Type Description
Optional strategyDelegatescale scroll strategy

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setScaleScrollStrategy


setSelectable

setSelectable(selectable): PolarCrossPlot

Allows to select node. If node is not selectable then child node is not selectable.

Parameters

Name Type Description
selectablebooleanflag to allow node selection

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setSelectable


setSilent

setSilent(bool): PolarCrossPlot

Set silent mode

Parameters

Name Type Description
boolbooleanflag to enable silent mode

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setSilent


setSymbolPainter

setSymbolPainter(painter): PolarCrossPlot

Sets the painter that will be used to draw crossplot points

Parameters

Name Type Description
painterPainterThe symbol painter function to draw

Returns

PolarCrossPlot

Inherited from

CrossPlot.setSymbolPainter


setTag

setTag(tag): PolarCrossPlot

Allows the user to associate any arbitrary object with the node.

Parameters

Name Type Description
taganyThe object to be associated with the node.

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setTag


setVisible

setVisible(value): PolarCrossPlot

Sets visibility of the node. Send event Events.VisibilityChanged

Parameters

Name Type Description
valuebooleanflag specifying visibility of the node

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setVisible


setZIndex

setZIndex(value): PolarCrossPlot

Sets z-index for node (set null for default)

Parameters

Name Type Description
valuenumberindex determining node z-position

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.setZIndex


shear

shear(shx, shy): PolarCrossPlot

Shear this node's bounds

Parameters

Name Type Description
shxnumberx-axis shear
shynumbery-axis shear

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.shear


toString

toString(): string

Returns a string representation of this object (generally the classname)

Returns

string

A string representation

Inherited from

CrossPlot.toString


translate

translate(tx, ty): PolarCrossPlot

Translate bounds

Parameters

Name Type Description
txnumberx translation
tynumbery translation

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.translate


unregisterAnimationStyle

unregisterAnimationStyle(root): void

Unregister animation style.

Parameters

Name Type Description
rootNoderoot node for node

Returns

void

Inherited from

CrossPlot.unregisterAnimationStyle


updateLimits

updateLimits(): boolean

Update limits

Returns

boolean

result true if worked

Inherited from

CrossPlot.updateLimits


updateSceneTransformation

updateSceneTransformation(): PolarCrossPlot

Update scene transformation

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.updateSceneTransformation


updateState

updateState(regions?, changes?): PolarCrossPlot

Update state. These methods reset node state and update state for children. this method is useful to refresh a scene graph

Parameters

Name Type Description
Optional regionsRect[]optional array to return invalid rectangles in the parent coordinates
Optional changesStateChangesoptional parameter to specify a reason of changes

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.updateState


updateTimeStamp

Protected updateTimeStamp(): PolarCrossPlot

Update time stamp to indicate that Node or Children has been changed.

Returns

PolarCrossPlot

this

Inherited from

CrossPlot.updateTimeStamp


enableSceneGraphNotification

Static enableSceneGraphNotification(enabled): void

Enable / disable all notifications

Parameters

Name Type Description
enabledbooleansets if this object sends notifications

Returns

void

Inherited from

CrossPlot.enableSceneGraphNotification


findParent

Static findParent<T>(node, classType, filter?): InstanceType<T>

Find root of the node with specified type

Type parameters

NameType
Textends Constructor<any>

Parameters

Name Type Description
nodeNodenode to start search
classTypeTtype of the class to search for
Optional filter(node: Node) => booleanadditional filter to apply

Returns

InstanceType<T>

Inherited from

CrossPlot.findParent

Static findParent(node, classType, filter?): Node

Find root of the node with specified type

Parameters

Name Type Description
nodeNodenode to start search
classTypestringinterface name to search for
Optional filter(node: Node) => booleanadditional filter to apply

Returns

Node

Inherited from

CrossPlot.findParent


getClassName

Static getClassName(): string

Returns

string

Inherited from

CrossPlot.getClassName


intersectsBounds

Static intersectsBounds(bounds, localTransformation, parentInvalidArea, expand?): boolean

Check collision of the shape bounds with parent invalid area

Parameters

Name Type Description
boundsRectshape bounds
localTransformationTransformationlocal transformation of the bounds
parentInvalidAreaRectinvalid parent area
Optional expandDimensionoptional expand the bounds in model coordinate

Returns

boolean

true if bounds intersect the invalid area

Inherited from

CrossPlot.intersectsBounds


isSceneGraphNotificationEnabled

Static isSceneGraphNotificationEnabled(): boolean

Return status of the global notification for all nodes.

Returns

boolean

Inherited from

CrossPlot.isSceneGraphNotificationEnabled