Last updated

API / geotoolkit / controls / tools / TernaryCrossHair / TernaryCrossHair

Class: TernaryCrossHair

tools.TernaryCrossHair.TernaryCrossHair

Deprecated

since 4.1 use geotoolkit/charts/widgets/ChartWidget with embedded tools instead Creates a TernaryCrossHair tool. The tool supports events shown below. It provides built-in functions to customise the styles for the tool and its labels.

Events [Events](../enums/geotoolkit.controls.tools.crosshair.events.md)
EventArgumentsDescription
onPositionChanged[CrossHairEventArgs](../classes/geotoolkit.controls.tools.crosshaireventargs.crosshaireventargs.md)This Event is fired when the Cross Hair Mouse position has been changed
onPointerUp[CrossHairEventArgs](../classes/geotoolkit.controls.tools.crosshaireventargs.crosshaireventargs.md)This Event is fired when the Cross Hair pointer is up
onPointerDown[CrossHairEventArgs](../classes/geotoolkit.controls.tools.crosshaireventargs.crosshaireventargs.md)This Event is fired when the Cross Hair pointer is down

Hierarchy

Table of contents

Constructors
Methods
Css Properties
Name Type Description
enabledbooleanEnabled state
fillstylestringFillstyle of the cross-hair (used only with radius)
fillstyleFillStyleFillstyle of the cross-hair (used only with radius)
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
labelsbooleanIf 'none' of false - do not create labels
layerCompositeNodeManipulator layer
layer-clippingbooleanEnable clipping, this does not consider the clipstyle, it is related to bounds-clipping
layer-clipstyleClipStyleClipping style
layer-clipstyle-evenoddbooleanTrue if evenodd mode is on ('nonzero' mode otherwise)
layer-clipstyle-geometryGraphicsPathClipping geometry
layer-clipstyle-geometry-boundsRectBounds
layer-clipstyle-geometry-bounds-heightnumberHeight
layer-clipstyle-geometry-bounds-readonlybooleanReadonly
layer-clipstyle-geometry-bounds-widthnumberWidth
layer-clipstyle-geometry-bounds-xnumberLeft
layer-clipstyle-geometry-bounds-ynumberTop
layer-clipstyleGraphicsPathClipping style
layer-cssclassstringThe css class name of this node
layer-csscursorstringCSS cursor associated with node
layer-cssstylestringCSS style to be applied to inserted elements
layer-idstring | numberId of the node, its a unique identifier
layer-infinitybooleanMode to render outside the model limits
layer-localtransformTransformationLocal transformation
layer-localtransform-dxnumberX axis translation
layer-localtransform-dynumberY axis translation
layer-localtransform-xxnumberX scale
layer-localtransform-xynumberXy skew
layer-localtransform-yxnumberYx skew
layer-localtransform-yynumberY scale
layer-marginsnumber | stringIt has properties for specifying the margins for each side
layer-namestringName of the node. It is often used for debugging purposes or to simplify queries
layer-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
layer-opacityblendmodeBlendModeNode opacity mode to blend it
layer-scalescrollstrategyScaleScrollStrategyScale scroll strategy
layer-scalescrollstrategy-enabledbooleanEnable flag
layer-selectablebooleanSelectable node, a boolean to determine if selection should consider this node
layer-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
layer-transformstringAdditional CSS transformation applied to node or 'none'
layer-transformTransformationAdditional CSS transformation applied to node or 'none'
layer-visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
layer-z-indexnumberDefine node z-index
leftstringLinestyle for left corner value line
leftLineStyleLinestyle for left corner value line
left-colorstringColor in CSS form
left-fillstringOptional fill style to be used to fill lines generated with this style
left-fillFillStyleOptional fill style to be used to fill lines generated with this style
left-linecapCapStyleThe line cap style
left-linedashoffsetnumberLine dash offset of dashed line
left-linejoinJoinStyleThe line join style
left-pixelsnapmodebooleanPixel Snap Mode, default(
left-scalablebooleanTrue if width should depend on transformation
left-unitstringOptional unit for the width
left-widthnumber | stringThe line thickness
linestylestringDefault linestyle shared for all axes
linestyleLineStyleDefault linestyle shared for all axes
mouseradiusnumberDevice radius for mouse events
namestringName of the tool used like cross-hair etc
outlinestylestringOutLinestyle for both lines
outlinestyleLineStyleOutLinestyle for both lines
radiusnumberRadius of the cross-hair center target
rightstringLinestyle for right corner value line
rightLineStyleLinestyle for right corner value line
symbolSymbolShapeSymbol of the cross-hair
symbol-alignmentAnchorTypeAlignment according to the anchor point
symbol-alignmentAnchorTypeAnchor type of symbol
symbol-axnumberAnchor x position
symbol-aynumberAnchor y position
symbol-cachebooleanSet it to true if you want to cache complex geometry to raster
symbol-clipstyleClipStyleClipping style
symbol-clipstyleGraphicsPathClipping style
symbol-cssclassstringThe css class name of this node
symbol-csscursorstringCSS cursor associated with node
symbol-cssstylestringCSS style to be applied to inserted elements
symbol-fillstylestringStyle applied on fill
symbol-fillstyleFillStyleStyle applied on fill
symbol-heightnumberShape height
symbol-idstring | numberId of the node, its a unique identifier
symbol-ispointingupbooleanDefines whether the shape is always pointing up
symbol-layoutstyleLayoutStyleLayout style to specify how to lay out shape
symbol-layoutstyle-constraintSizeConstraintLayout constrains
symbol-layoutstyle-flexgrownumberNumber specifying how much the item will grow relative to the rest of the items inside the same container
symbol-layoutstyle-flexshrinknumberNumber specifying how much the item will shrink relative to the rest of the items inside the same container
symbol-layoutstyle-floatstringFloat position
symbol-layoutstyle-positionstringLayout position
symbol-layoutstyle-sizenumber | stringLayout size
symbol-linestylestringStyle applied on outline
symbol-linestyleLineStyleStyle applied on outline
symbol-localtransformTransformationLocal transformation
symbol-marginsnumber | stringIt has properties for specifying the margins for each side
symbol-maxdimensionDimensionMaximum size for rendering
symbol-maxdimension-heightnumberHeight of dimension
symbol-maxdimension-widthnumberWidth of dimension or properties
symbol-mindimensionDimensionMinimum size for rendering
symbol-namestringName of the node. It is often used for debugging purposes or to simplify queries
symbol-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
symbol-opacityblendmodeBlendModeNode opacity mode to blend it
symbol-painterstringA function with has parameters: symbol, box, context
symbol-painterpropertiesanySymbol's painter's properties
symbol-preserveaspectratiobooleanPreserve aspect ratio of the anchored shape
symbol-preservereadingorientationbooleanPreserve reading orientation for local transform
symbol-preserverightanglebooleanPreserve right angle for local transformation
symbol-rotationanglenumberRotation angle at anchor
symbol-scalescrollstrategyScaleScrollStrategyScale scroll strategy
symbol-selectablebooleanSelectable node, a boolean to determine if selection should consider this node
symbol-sizeisindevicespacebooleanIs coordinate in device space
symbol-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
symbol-transformstringAdditional CSS transformation applied to node or 'none'
symbol-transformTransformationAdditional CSS transformation applied to node or 'none'
symbol-useminmaxdimensionsbooleanUse the min max dimensions to limit visual size
symbol-visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
symbol-widthnumberShape width
symbol-z-indexnumberDefine node z-index
ternarygridTernaryGridReference to ternary grid
ternarygrid-bottomnumberY coordinate of the bottom right corner (if 'height' not specified)
ternarygrid-boundsRectBounds
ternarygrid-centerPointA center of the ternary grid
ternarygrid-center-xnumberX coordinate
ternarygrid-center-ynumberY coordinate
ternarygrid-clipstyleClipStyleClipping style
ternarygrid-clipstyleGraphicsPathClipping style
ternarygrid-cssclassstringThe css class name of this node
ternarygrid-csscursorstringCSS cursor associated with node
ternarygrid-cssstylestringCSS style to be applied to inserted elements
ternarygrid-fillstylestringStyle applied on fill
ternarygrid-fillstyleFillStyleStyle applied on fill
ternarygrid-heightnumberHeight (if 'bottom' not specified)
ternarygrid-idstring | numberId of the node, its a unique identifier
ternarygrid-leftnumberX coordinate of the top left corner
ternarygrid-linestylestringStyle applied on outline
ternarygrid-linestyleLineStyleStyle applied on outline
ternarygrid-localtransformTransformationLocal transformation
ternarygrid-marginsnumber | stringIt has properties for specifying the margins for each side
ternarygrid-namestringName of the node. It is often used for debugging purposes or to simplify queries
ternarygrid-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
ternarygrid-opacityblendmodeBlendModeNode opacity mode to blend it
ternarygrid-optionsOptionsBase
ternarygrid-options-centerPointA center of the ternary grid
ternarygrid-options-sizenumberSize of ternary chart
ternarygrid-options-textstylestring
ternarygrid-options-textstyleTextStyle
ternarygrid-options-textstyle-alignmentAlignmentStyleAlignment
ternarygrid-options-textstyle-autosizebooleanAuto font size on high definition display
ternarygrid-options-textstyle-backgroundstringBackground style
ternarygrid-options-textstyle-backgroundFillStyleBackground style
ternarygrid-options-textstyle-baselineBaseLineStyleBase line
ternarygrid-options-textstyle-colorstringColor in CSS form
ternarygrid-options-textstyle-fillFillStyleText fill style
ternarygrid-options-textstyle-fontstringFont see
ternarygrid-options-textstyle-fonturlstringThe place from which the font will be loaded, if null - uses system fonts. It can be base64 with url keyword
ternarygrid-options-textstyle-lineheightstring | numberLine height
ternarygrid-options-textstyle-multilinebooleanAllow multi-line text
ternarygrid-options-textstyle-outlinestringOutline style
ternarygrid-options-textstyle-outlineLineStyleOutline style
ternarygrid-options-textstyle-overflowwrapOverflowWrapStyleOverflow wrap
ternarygrid-options-textstyle-strikethroughstringStrikethrough style
ternarygrid-options-textstyle-strikethroughLineStyleStrikethrough style
ternarygrid-options-textstyle-textoverflowTextOverflowStyleText overflow
ternarygrid-options-textstyle-underlinestringUnderline style
ternarygrid-options-textstyle-underlineLineStyleUnderline style
ternarygrid-options-textstyle-underlineoffsetstring | numberUnderline offset distance
ternarygrid-options-textstyle-whitespaceWhiteSpaceStyleWhite space
ternarygrid-options-textstyle-wordbreakWordBreakStyleWord break
ternarygrid-rightnumberX coordinate of the bottom right corner (if 'width' not specified)
ternarygrid-scalescrollstrategyScaleScrollStrategyScale scroll strategy
ternarygrid-selectablebooleanSelectable node, a boolean to determine if selection should consider this node
ternarygrid-sizenumberSize of ternary chart
ternarygrid-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
ternarygrid-textstylestring
ternarygrid-textstyleTextStyle
ternarygrid-topnumberY coordinate of the top left corner
ternarygrid-transformstringAdditional CSS transformation applied to node or 'none'
ternarygrid-transformTransformationAdditional CSS transformation applied to node or 'none'
ternarygrid-visiblebooleanVisibility of the node, a boolean to determine if the node should be rendered or not
ternarygrid-widthnumberWidth (if 'right' not specified)
ternarygrid-z-indexnumberDefine node z-index
topstringLinestyle for top corner value line
topLineStyleLinestyle for top corner value line
touchradiusnumberDevice radius for touch events

Contents

Constructors

new TernaryCrossHair(options, name)

new TernaryCrossHair(options?, name?)

Parameters

Name Type Description
Optional optionsCompositeNode<Node> | Optionsobject containing crosshair option OR manipulator layer
Optional namestringname of the tool

Overrides

AbstractTool.constructor

Methods

addListener

addListener(eventName, listener): TernaryCrossHair

add event listener. The listener receives the message when the system event happens.

Deprecated

since 4.0 use .on() instead. Note that 3 args callback should be used in subscription via .on(): (eventType, source, args)

Parameters

Name Type Description
eventNamestringevent name or unique event identifier
listenerFunctionthe event listener

Returns

TernaryCrossHair

Inherited from

AbstractTool.addListener


captureMouseUp

captureMouseUp(): void

listen to window mouse events in order to catch a mouse up action outside of the tool container DOM element. useful for example when you pan and release click outside of DOM element.

Returns

void

Inherited from

AbstractTool.captureMouseUp


dispose

dispose(): void

Dispose tool.

Returns

void

Inherited from

AbstractTool.dispose


fireEvent

fireEvent(eventName, eventArgs?): void

This method is Protected. Fire an Event.

Deprecated

since 4.0 use .notify() instead. Note that 3 args callback should be used in subscription via .on()

Parameters

Name Type Description
eventNamestringevent name
Optional eventArgsanycontains info of the event

Returns

void

Inherited from

AbstractTool.fireEvent


getClassName

getClassName(): string

Returns

string

Inherited from

AbstractTool.getClassName


getEventRadius

Protected getEventRadius(eventArgs): number

Returns device radius for the provided event

Parameters

Name Type Description
eventArgsEventArgscontains info of the event

Returns

number

Inherited from

AbstractTool.getEventRadius


getFillStyle

getFillStyle(): FillStyle

Return fill style

Returns

FillStyle


getLeftLineStyle

getLeftLineStyle(): LineStyle

return left value line style

Returns

LineStyle


getLineStyle

getLineStyle(): LineStyle

Return line style

Returns

LineStyle


getManipulatorLayer

getManipulatorLayer(): CompositeNode<Node>

return manipulator layer

Returns

CompositeNode<Node>

layer

Inherited from

AbstractTool.getManipulatorLayer


getMouseRadius

getMouseRadius(): number

Returns current device radius for mouse events

Returns

number

Inherited from

AbstractTool.getMouseRadius


getName

getName(): string

return tool name if any

Returns

string

name of the tool

Inherited from

AbstractTool.getName


getOutLineStyle

getOutLineStyle(): LineStyle

Return outline style

Returns

LineStyle


getParentTool

getParentTool(): AbstractCompositeTool

Gets parent tool

Returns

AbstractCompositeTool

parent tool

Inherited from

AbstractTool.getParentTool


getPosition

getPosition(): Point

The current cross hair position

Returns

Point


getProperties

getProperties(): OptionsOut

Gets all the properties pertaining to this object

Returns

OptionsOut

object containing crosshair option OR manipulator layer

Overrides

AbstractTool.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

AbstractTool.getProperty


getPropertyKeys

getPropertyKeys(): string[]

Returns known properties keys

Returns

string[]

Inherited from

AbstractTool.getPropertyKeys


getRadius

getRadius(): number

Returns radius of the cursor center target

Returns

number


getRightLineStyle

getRightLineStyle(): LineStyle

return right value line style

Returns

LineStyle


getRoot

getRoot(): AbstractCompositeTool

Gets root tool

Returns

AbstractCompositeTool

parent tool

Inherited from

AbstractTool.getRoot


getSymbol

getSymbol(): SymbolShape

Return cross-hair symbol

Returns

SymbolShape


getTopLineStyle

getTopLineStyle(): LineStyle

return top value line style

Returns

LineStyle


getTouchRadius

getTouchRadius(): number

Returns current device radius for touch events

Returns

number

Inherited from

AbstractTool.getTouchRadius


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

AbstractTool.hasEventListener


isActive

isActive(): boolean

return active state

Returns

boolean

Inherited from

AbstractTool.isActive


isDisposed

isDisposed(): boolean

Returns whether this object has been disposed

Returns

boolean

Inherited from

AbstractTool.isDisposed


isDoubleClick

Protected isDoubleClick(point, eventArgs?): boolean

returns true if double clicked

Parameters

Name Type Description
pointPointClick point
Optional eventArgsEventArgsoptional event args to verify double click

Returns

boolean

Inherited from

AbstractTool.isDoubleClick


isEnabled

isEnabled(): boolean

returns enable state

Returns

boolean

state

Inherited from

AbstractTool.isEnabled


isSilent

isSilent(): boolean

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

Returns

boolean

Inherited from

AbstractTool.isSilent


isTouchEvent

isTouchEvent(eventArgs): boolean

return true if the event is a touch event and false otherwise.

Parameters

Name Type Description
eventArgsEvent | EventArgscontains info of the event

Returns

boolean

Inherited from

AbstractTool.isTouchEvent


isVisible

isVisible(): boolean

return visible state

Returns

boolean


notify

notify<E>(type, source, args?): TernaryCrossHair

Notify listeners

Type parameters

NameType
Eextends string

Parameters

Name Type Description
typeEevent types
sourceTernaryCrossHairof the event
Optional argsEventMap[E]arguments of the event

Returns

TernaryCrossHair

this

Overrides

AbstractTool.notify


off

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

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: TernaryCrossHair, args: EventMap[E]) => voidfunction to be called

Returns

TernaryCrossHair

this

Overrides

AbstractTool.off


on

on<E>(type, callback): TernaryCrossHair

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.

TypeScript hint: in case of creating derived tool with own events, EventMap should be extended and .on() and .notify() methods redeclared, see sample.

Example

// Using in derived tool
import type {EventMap as EventMapBase} from '@int/geotoolkit/controls/tools/AbstractTool';
export type EventMap = EventMapBase &amp; {
[MyToolEvents.onValueChanged]: MyToolEventArgs
}
export enum MyToolEvents {
onValueChanged = 'onValueChanged'
}
export class MyTool extends AbstractTool {
public declare on: <E extends keyof EventMap>(type: E, callback: (eventType: E, sender: this, args: EventMap[E]) => void) => this;
protected declare notify: <E extends keyof EventMap>(type: E, source: AbstractTool, args?: EventMap[E]) => this;
public declare off: <E extends keyof EventMap>(type: E, callback?: (eventType: E, sender: this, args: EventMap[E]) => void) => this;
// ...
}

Type parameters

NameType
Eextends string

Parameters

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

Returns

TernaryCrossHair

Overrides

AbstractTool.on


onActiveStateChanged

Protected onActiveStateChanged(): void

Fires

Events.onStateChanged

Returns

void

Inherited from

AbstractTool.onActiveStateChanged


onEnabledStateChanged

Protected onEnabledStateChanged(): void

Fires

Events.onEnabledStateChanged

Returns

void

Inherited from

AbstractTool.onEnabledStateChanged


pageToCanvas

pageToCanvas(eventArgs, externalPlot?): Object

return position relative to the canvas

Parameters

Name Type Description
eventArgsEvent | EventArgsparentElement the parent HTML element
Optional externalPlotPlotplot

Returns

Object

NameType
xnumber
ynumber

Inherited from

AbstractTool.pageToCanvas


pointToModel

pointToModel(model, eventArgs): Point

converts device coordinates to inner coordinates of node

Parameters

Name Type Description
modelNodethe model
eventArgsPoint | EventArgsarguments of the event OR point in device (plot) coordinates.

Returns

Point

Inherited from

AbstractTool.pointToModel


removeListener

removeListener(eventName, listener?): TernaryCrossHair

remove event listener. The listener reveives the message when the system event happens.

Deprecated

since 4.0 use .off() instead.

Parameters

Name Type Description
eventNamestringevent name
Optional listenerFunction | Function[]the event listener, if null, remove all listeners for the event

Returns

TernaryCrossHair

Inherited from

AbstractTool.removeListener


setActive

setActive(active): TernaryCrossHair

set active state

Fires

Events.onStateChanged

Parameters

Name Type Description
activebooleanset active state

Returns

TernaryCrossHair

Inherited from

AbstractTool.setActive


setEnabled

setEnabled(enabled): TernaryCrossHair

set enable state

Fires

Events.onEnabledStateChanged

Fires

Events.onStateChanged

Parameters

Name Type Description
enabledbooleansets the enabled state

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setEnabled


setFillStyle

setFillStyle(fillStyle, merge?): TernaryCrossHair

Sets fill style, used if radius is not null

Parameters

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

Returns

TernaryCrossHair

this


setLabelsTextConverter

setLabelsTextConverter(position, textConverter): TernaryCrossHair

sets LabelsTextConverter

Parameters

Name Type Description
position"top" | "right" | "left"position of the label to be changed, 'top', 'left' or 'right'
textConverterTextConverterfunction that takes x and y to convert to text for the label

Returns

TernaryCrossHair

this


setLeftLineStyle

setLeftLineStyle(lineStyle, merge?): TernaryCrossHair

Sets left value 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

TernaryCrossHair

this


setLineStyle

setLineStyle(lineStyle, merge?): TernaryCrossHair

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

TernaryCrossHair

this


setMouseRadius

setMouseRadius(radius): TernaryCrossHair

Sets device radius for mouse events

Parameters

Name Type Description
radiusnumberradius for mouse events

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setMouseRadius


setName

setName(name): TernaryCrossHair

set tool name

Parameters

Name Type Description
namestringthe tool name

Returns

TernaryCrossHair

Inherited from

AbstractTool.setName


setOutLineStyle

setOutLineStyle(lineStyle, merge?): TernaryCrossHair

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

TernaryCrossHair

this


setPosition

setPosition(position, silent?, eventArgs?): TernaryCrossHair

Sets the current position in model coordinates of the manipulator layer

Parameters

Name Type Description
positionPointcurrent mouse position
Optional silentbooleannotification enabled or not
Optional eventArgsEventArgsevent args which will be passed to event onPositionChanged

Returns

TernaryCrossHair

this


setProperties

setProperties(properties?): TernaryCrossHair

Sets all the properties pertaining to this object

Parameters

Name Type Description
Optional propertiesOptionsAn object containing the properties to set

Returns

TernaryCrossHair

this

Overrides

AbstractTool.setProperties


setProperty

setProperty(name, value): TernaryCrossHair

Sets dynamic property by name

Parameters

Name Type Description
namestringproperty name
valueanyproperty value

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setProperty


setRadius

setRadius(radius): TernaryCrossHair

set radius of the cursor center target

Parameters

Name Type Description
radiusnumbercenter radius

Returns

TernaryCrossHair


setRightLineStyle

setRightLineStyle(lineStyle, merge?): TernaryCrossHair

Sets right value 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

TernaryCrossHair

this


setSilent

setSilent(bool): TernaryCrossHair

Set silent mode

Parameters

Name Type Description
boolbooleanflag to enable silent mode

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setSilent


setSlotEnabled

setSlotEnabled(eventName, value, target?): TernaryCrossHair

Sets slot enabled

Parameters

Name Type Description
eventNamestringeventName
valuebooleanvalue
Optional targetEventTargettarget

Returns

TernaryCrossHair

Inherited from

AbstractTool.setSlotEnabled


setSlots

setSlots(slots?, merge?): TernaryCrossHair

Sets new slots.

Example

const slots = {
'pointerdown': (event: EventArgs) => {
// event is an instance of @int/geotoolkit/controls/tools/EventArgs
...
}
};
tool.setSlots(slots);

Parameters

Name Type Description
Optional slotsRecord<string, Slot | Slot[] | (eventArgs: EventArgs) => void>type of system events
Optional mergebooleanset to true if you want to merge with existing slots

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setSlots


setSymbol

setSymbol(symbol): TernaryCrossHair

set cross-hair symbol

Parameters

Name Type Description
symbolSymbolShapecross-hair symbol

Returns

TernaryCrossHair

this


setTextStyle

setTextStyle(textStyle): TernaryCrossHair

Sets the text style of labels

Parameters

Name Type Description
textStyleTypefor the crosshair labels on screen, either textStyle or object with "west", "east", "north", "south", "center" textStyle's

Returns

TernaryCrossHair

this


setTopLineStyle

setTopLineStyle(lineStyle, merge?): TernaryCrossHair

Sets top value 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

TernaryCrossHair

this


setTouchRadius

setTouchRadius(radius): TernaryCrossHair

Sets device radius for touch events

Parameters

Name Type Description
radiusnumberradius for touch events

Returns

TernaryCrossHair

this

Inherited from

AbstractTool.setTouchRadius


setVisible

setVisible(visible): TernaryCrossHair

Sets visible

Parameters

Name Type Description
visiblebooleanvisible attribute set or not

Returns

TernaryCrossHair

this


start

Protected start(eventArgs?): TernaryCrossHair

start

Parameters

Name Type Description
Optional eventArgsEventArgsevent args

Returns

TernaryCrossHair

Inherited from

AbstractTool.start


stop

Protected stop(): TernaryCrossHair

stop

Returns

TernaryCrossHair

Inherited from

AbstractTool.stop


toggle

toggle(): TernaryCrossHair

switch enable state to opposite state

Returns

TernaryCrossHair

Inherited from

AbstractTool.toggle


updateCursorPosition

updateCursorPosition(silent?): TernaryCrossHair

Update position of cursor for the last mouse position. This code can be used if content is scrolled to display the position of the cursor in the last mouse position

Parameters

Name Type Description
Optional silentbooleannotification enabled or not

Returns

TernaryCrossHair

this


canvasToClient

Static canvasToClient(plotPoint, plot): Point

Convert plot coordinates to global coordinates

Parameters

Name Type Description
plotPointPointpoint in plot coordinates
plotPlotplot with canvas

Returns

Point

Inherited from

AbstractTool.canvasToClient


clientToCanvas

Static clientToCanvas(nativeEvent, plot): Point

Convert global coordinates to plot coordinates

Parameters

Name Type Description
nativeEventEventnative browser event
plotPlotplot with canvas

Returns

Point

Inherited from

AbstractTool.clientToCanvas


getClassName

Static getClassName(): string

Returns

string

Inherited from

AbstractTool.getClassName


getExclusiveTool

Static getExclusiveTool(plot): AbstractTool

return exclusive tool associated with plot

Parameters

Name Type Description
plotPlotplot

Returns

AbstractTool

tool

Inherited from

AbstractTool.getExclusiveTool


getNativeEventName

Static getNativeEventName(eventName): string[]

Returns native event name

Parameters

Name Type Description
eventNamestringW3C Pointer Events Recommendation name

Returns

string[]

Inherited from

AbstractTool.getNativeEventName


isTouchEvent

Static isTouchEvent(eventArgs): eventArgs is TouchEvent

return true if the event is a touch event and false otherwise.

Parameters

Name Type Description
eventArgsEvent | EventArgscontains info of the event

Returns

eventArgs is TouchEvent

Inherited from

AbstractTool.isTouchEvent


lock

Static lock(plot, tool): void

Set exclusive tool for plot

Parameters

Name Type Description
plotPlotplot
toolAbstractTooltool

Returns

void

Inherited from

AbstractTool.lock


setDefaultMouseRadius

Static setDefaultMouseRadius(radius): void

Sets default device radius for mouse events

Parameters

Name Type Description
radiusnumberradius for mouse events

Returns

void

Inherited from

AbstractTool.setDefaultMouseRadius


setDefaultTouchRadius

Static setDefaultTouchRadius(radius): void

Sets default device radius for touch events

Parameters

Name Type Description
radiusnumberradius for touch events

Returns

void

Inherited from

AbstractTool.setDefaultTouchRadius


unlock

Static unlock(value): void

Remove exclusive tool from plot

Parameters

Name Type Description
valueAbstractTool | Plotvalue

Returns

void

Inherited from

AbstractTool.unlock