API / geotoolkit / welllog / LogMudLogSection / LogMudLogSection
welllog.LogMudLogSection.LogMudLogSection
Define visual to represent comment section intervals.
Visual can render symbols, text, and callouts. In text mode, it renders text intervals from the start depth to the next specified depth. If the size of an interval is too small, it can display ellipses. The size of the last interval can be smaller because it doesn't have a next depth. An interval with empty text can be used to control the last interval size.
| Name | Type |
|---|---|
T | string |
↳
LogMudLogSection
Constructors
| [new LogMudLogSection<T&gt;(depths, values, fillstyles)](/solutions/geotoolkit/apis/classes/geotoolkit.welllog.logmudlogsection.logmudlogsection.md#new logmudlogsection<t>(depths, values, fillstyles)) | [new LogMudLogSection<T&gt;(params)](/solutions/geotoolkit/apis/classes/geotoolkit.welllog.logmudlogsection.logmudlogsection.md#new logmudlogsection<t>(params)) |
|---|
Methods
Css Properties
| Name | Type | Description |
|---|---|---|
autobounds | boolean | Enables or disables auto bounds |
basename | string | The base name |
bounds | Rect | The rectangle specifying position of the visual in the track. If set, autobounds will be switched off |
bounds-height | number | Height |
bounds-readonly | boolean | Readonly |
bounds-width | number | Width |
bounds-x | number | Left |
bounds-y | number | Top |
clipstyle | ClipStyle | Clipping style |
clipstyle-evenodd | boolean | True if evenodd mode is on ('nonzero' mode otherwise) |
clipstyle-geometry | GraphicsPath | Clipping geometry |
clipstyle-geometry-bounds | Rect | Bounds |
clipstyle | GraphicsPath | Clipping style |
cssclass | string | The css class name of this node |
csscursor | string | CSS cursor associated with node |
cssstyle | string | CSS style to be applied to inserted elements |
description | string | The description |
ellipsisstring | string | Ellipsis text to string (must be under 15 characters) |
evenfillstyle | string | Even fill style |
evenfillstyle | FillStyle | Even fill style |
evenfillstyle-color | string | Color in CSS form |
evenfillstyle-evenoddmode | boolean | Even-odd fill mode |
evenfillstyle-fillpattern | Pattern | Pattern |
evenfillstyle-fillpattern-containername | string | An 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 |
evenfillstyle-fillpattern-patternname | string | Name of this pattern for indexing |
evenfillstyle-fillpattern-scalable | boolean | Flag that sets scalability of the pattern coordinates, or relative to the shape it is filling (It is not supported) |
evenfillstyle-foreground | string | Foreground color |
evenfillstyle-pattern | Pattern | Pattern |
evenlinestyle | string | EvenLineStyle |
evenlinestyle | LineStyle | EvenLineStyle |
evenlinestyle-color | string | Color in CSS form |
evenlinestyle-fill | string | Optional fill style to be used to fill lines generated with this style |
evenlinestyle-fill | FillStyle | Optional fill style to be used to fill lines generated with this style |
evenlinestyle-linecap | CapStyle | The line cap style |
evenlinestyle-linedashoffset | number | Line dash offset of dashed line |
evenlinestyle-linejoin | JoinStyle | The line join style |
evenlinestyle-pixelsnapmode | boolean | Pixel Snap Mode, default( |
evenlinestyle-scalable | boolean | True if width should depend on transformation |
evenlinestyle-unit | string | Optional unit for the width |
evenlinestyle-width | number | string | The line thickness |
evensymbol | SymbolShape | EvenSymbol |
evensymbol-alignment | AnchorType | Alignment according to the anchor point |
evensymbol-alignment | AnchorType | Anchor type of symbol |
evensymbol-ax | number | Anchor x position |
evensymbol-ay | number | Anchor y position |
evensymbol-cache | boolean | Set it to true if you want to cache complex geometry to raster |
evensymbol-clipstyle | ClipStyle | Clipping style |
evensymbol-clipstyle | GraphicsPath | Clipping style |
evensymbol-cssclass | string | The css class name of this node |
evensymbol-csscursor | string | CSS cursor associated with node |
evensymbol-cssstyle | string | CSS style to be applied to inserted elements |
evensymbol-fillstyle | string | Style applied on fill |
evensymbol-fillstyle | FillStyle | Style applied on fill |
evensymbol-height | number | Shape height |
evensymbol-id | string | number | Id of the node, its a unique identifier |
evensymbol-ispointingup | boolean | Defines whether the shape is always pointing up |
evensymbol-layoutstyle | LayoutStyle | Layout style to specify how to lay out shape |
evensymbol-layoutstyle-constraint | SizeConstraint | Layout constrains |
evensymbol-layoutstyle-flexgrow | number | Number specifying how much the item will grow relative to the rest of the items inside the same container |
evensymbol-layoutstyle-flexshrink | number | Number specifying how much the item will shrink relative to the rest of the items inside the same container |
evensymbol-layoutstyle-float | string | Float position |
evensymbol-layoutstyle-position | string | Layout position |
evensymbol-layoutstyle-size | number | string | Layout size |
evensymbol-linestyle | string | Style applied on outline |
evensymbol-linestyle | LineStyle | Style applied on outline |
evensymbol-localtransform | Transformation | Local transformation |
evensymbol-localtransform-dx | number | X axis translation |
evensymbol-localtransform-dy | number | Y axis translation |
evensymbol-localtransform-xx | number | X scale |
evensymbol-localtransform-xy | number | Xy skew |
evensymbol-localtransform-yx | number | Yx skew |
evensymbol-localtransform-yy | number | Y scale |
evensymbol-margins | number | string | It has properties for specifying the margins for each side |
evensymbol-maxdimension | Dimension | Maximum size for rendering |
evensymbol-maxdimension-height | number | Height of dimension |
evensymbol-maxdimension-width | number | Width of dimension or properties |
evensymbol-mindimension | Dimension | Minimum size for rendering |
evensymbol-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
evensymbol-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
evensymbol-opacityblendmode | BlendMode | Node opacity mode to blend it |
evensymbol-painter | string | A function with has parameters: symbol, box, context |
evensymbol-painterproperties | any | Symbol's painter's properties |
evensymbol-preserveaspectratio | boolean | Preserve aspect ratio of the anchored shape |
evensymbol-preservereadingorientation | boolean | Preserve reading orientation for local transform |
evensymbol-preserverightangle | boolean | Preserve right angle for local transformation |
evensymbol-rotationangle | number | Rotation angle at anchor |
evensymbol-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
evensymbol-scalescrollstrategy-enabled | boolean | Enable flag |
evensymbol-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
evensymbol-sizeisindevicespace | boolean | Is coordinate in device space |
evensymbol-tag | any | Custom 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 |
evensymbol-transform | string | Additional CSS transformation applied to node or 'none' |
evensymbol-transform | Transformation | Additional CSS transformation applied to node or 'none' |
evensymbol-useminmaxdimensions | boolean | Use the min max dimensions to limit visual size |
evensymbol-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
evensymbol-width | number | Shape width |
evensymbol-z-index | number | Define node z-index |
eventextstyle | string | EvenTextStyle |
eventextstyle | TextStyle | EvenTextStyle |
eventextstyle-alignment | AlignmentStyle | Alignment |
eventextstyle-autosize | boolean | Auto font size on high definition display |
eventextstyle-background | string | Background style |
eventextstyle-background | FillStyle | Background style |
eventextstyle-baseline | BaseLineStyle | Base line |
eventextstyle-color | string | Color in CSS form |
eventextstyle-fill | FillStyle | Text fill style |
eventextstyle-font | string | Font see |
eventextstyle-fonturl | string | The place from which the font will be loaded, if null - uses system fonts. It can be base64 with url keyword |
eventextstyle-lineheight | string | number | Line height |
eventextstyle-multiline | boolean | Allow multi-line text |
eventextstyle-outline | string | Outline style |
eventextstyle-outline | LineStyle | Outline style |
eventextstyle-overflowwrap | OverflowWrapStyle | Overflow wrap |
eventextstyle-strikethrough | string | Strikethrough style |
eventextstyle-strikethrough | LineStyle | Strikethrough style |
eventextstyle-textoverflow | TextOverflowStyle | Text overflow |
eventextstyle-underline | string | Underline style |
eventextstyle-underline | LineStyle | Underline style |
eventextstyle-underlineoffset | string | number | Underline offset distance |
eventextstyle-whitespace | WhiteSpaceStyle | White space |
eventextstyle-wordbreak | WordBreakStyle | Word break |
fillmode | FillMode | Mode for how to display the values |
id | string | number | Id of the node, its a unique identifier |
linestyle | string | Linestyle |
linestyle | LineStyle | Linestyle |
localtransform | Transformation | Local transformation |
margins | number | string | It has properties for specifying the margins for each side |
margins | number | string | Properties for specifying the margins for each comment section |
microposleft | number | Left micro position |
microposright | number | Right micro position |
name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
oddfillstyle | string | Odd fill style |
oddfillstyle | FillStyle | Odd fill style |
oddlinestyle | string | OddLineStyle |
oddlinestyle | LineStyle | OddLineStyle |
oddsymbol | SymbolShape | OddSymbol |
oddtextstyle | string | OddTextStyle |
oddtextstyle | TextStyle | OddTextStyle |
opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
opacityblendmode | BlendMode | Node opacity mode to blend it |
padding | number | string | Properties for specifying the padding for each comment section |
radius | number | Properties for specifying the corner radius |
scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
selectedsymbol | SymbolShape | Symbol for selected segment |
symbolmargins | number | string | Properties for specifying the margins for symbols |
symbolposition | SymbolPosition | Symbol position |
symbols | SymbolShape | Symbols |
tag | any | Custom 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 |
textalign | TextAlign | Vertical text alignment |
textorientation | TextOrientation | Text orientation |
textstyle | string | Text style of the displayed values |
textstyle | TextStyle | Text style of the displayed values |
transform | string | Additional CSS transformation applied to node or 'none' |
transform | Transformation | Additional CSS transformation applied to node or 'none' |
visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
z-index | number | Define node z-index |
Constructors
• new LogMudLogSection<T>(depths?, values?, fillstyles?)
Constructor
| Name | Type |
|---|---|
T | string |
| Name | Type | Description |
|---|---|---|
Optional depths | number[] | an array of the depths |
Optional values | string[] | ValueCallback<T> | array of the corresponding values or callback function |
Optional fillstyles | FillStyle[] | FillStylesCallback<T> | comments fill styles array to use one by one or a callback function to define each style manually |
LogAbstractVisual.constructor
• new LogMudLogSection<T>(params?)
Constructor
| Name | Type |
|---|---|
T | string |
| Name | Type | Description |
|---|---|---|
Optional params | Options<T> | properties object |
LogAbstractVisual.constructor
Methods
▸ addCssClass(cssclass): LogMudLogSection<T>
Adds new css class to node
| Name | Type | Description |
|---|---|---|
cssclass | string | string[] | css class name('s) |
this
▸ addInvalidateHandler(handler): LogMudLogSection<T>
Add invalidate handler
Deprecated
since 4.0, use Node.on instead
| Name | Type | Description |
|---|---|---|
handler | Function | handler to be notified about invalidation |
this
LogAbstractVisual.addInvalidateHandler
▸ Protected applyOpacity(context): LogMudLogSection<T>
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
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
this
LogAbstractVisual.applyOpacity
▸ Protected applyResponsiveStyle(): void
Apply a responsive style rules it is exists
void
LogAbstractVisual.applyResponsiveStyle
▸ checkCollision(context): boolean
Check culling. Returns true if object is inside of renderable area
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
boolean
LogAbstractVisual.checkCollision
▸ clone(): LogMudLogSection<T>
All subclasses should override copyConstructor or provide custom implementation for this method
clone
▸ connectStyle(style, type, callback): LogMudLogSection<T>
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
| Name | Type | Description |
|---|---|---|
style | EventDispatcher | connect style |
type | string | type of event or property |
callback | AttributeCallback<EventDispatcher> | function to be called |
this
LogAbstractVisual.connectStyle
▸ Protected copyConstructor(src, deepCopy?): LogMudLogSection<T>
Copy constructor function.
Function used as part of the cloning mechanism.
Implementations should copy the given instance state to this instance.
| Name | Type | Description |
|---|---|---|
src | LogMudLogSection<T> | Source to copy from |
Optional deepCopy | boolean | deep copy |
this
LogAbstractVisual.copyConstructor
▸ disconnectStyle(style, type, callback): LogMudLogSection<T>
Disconnect style
This convenience method un-subscribes a listener to given style for the specified type.
| Name | Type | Description |
|---|---|---|
style | EventDispatcher | connect style |
type | string | type of event or property |
callback | AttributeCallback<EventDispatcher> | function to be called |
this
LogAbstractVisual.disconnectStyle
▸ 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.
void
▸ enableEventPropagation(enable): LogMudLogSection<T>
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();| Name | Type | Description |
|---|---|---|
enable | boolean | enable |
this
LogAbstractVisual.enableEventPropagation
▸ execute(delegate): LogMudLogSection<T>
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");
});| Name | Type | Description |
|---|---|---|
delegate | (this: LogMudLogSection<T>) => void | Function to execute |
The result if any or this
▸ execute<T>(delegate): T
| Name |
|---|
T |
| Name | Type |
|---|---|
delegate | (this: LogMudLogSection<T>) => T |
T
▸ Protected filter(context): boolean
Filter node
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
boolean
flag filter flag ("true" to render node; "false" otherwise)
▸ getAggregation(): Aggregation
Returns symbols aggregation
object containing aggregation properties
▸ getAnimationStyle(): AnimationStyle
Return animation style
animationStyle current animation style
LogAbstractVisual.getAnimationStyle
▸ getBaseName(): string
Returns the base name
string
The base name
▸ getBounds(): Rect
Returns bounds in the parent coordinates
▸ getClassName(): string
string
LogAbstractVisual.getClassName
▸ getClipStyle(): ClipStyle
Gets the current clipping style
clipping style
LogAbstractVisual.getClipStyle
▸ getContentsTransform(): Transformation
Retrieves the world transformation of the spatial
LogAbstractVisual.getContentsTransform
▸ getCornerRadius(): number
return corner radius
number
radius
▸ getCss(): CssStyle
Return CSS style
▸ getCssClass(): string
Returns css class name to be used to apply CSS style
string
the css class name
▸ getCssClasses(): string[]
Gets list of css class names which applied to this node
string[]
LogAbstractVisual.getCssClasses
▸ getCssTransform(): string
Returns CSS transformation
string
LogAbstractVisual.getCssTransform
▸ getDataLimits(fullLimits?): Rect
Return meaning data limits
| Name | Type | Description |
|---|---|---|
Optional fullLimits | boolean | default value is false |
LogAbstractVisual.getDataLimits
▸ getDepths(): number[]
Returns array of depths
number[]
▸ getDescription(): string
Gets the description
string
The description
LogAbstractVisual.getDescription
▸ getEllipsisString(): string
Get ellipsis text to string
string
▸ getEvenFillStyle(): FillStyle
Returns even fill style
▸ getEvenLineStyle(): LineStyle
Returns even line style
▸ getEvenSymbol(): SymbolShape
Returns even symbol shape
▸ getEvenTextStyle(): TextStyle
Returns even text style
▸ getFillMode(): FillMode
Returns fill mode
▸ getFillStyles(): FillStyle[] | FillStylesCallback<T>
Returns array of fill styles or a fill style callback
FillStyle[] | FillStylesCallback<T>
▸ getHeader(name): LogVisualHeader<Node>
Return the header registered by the name
| Name | Type | Description |
|---|---|---|
name | string | header name |
header
▸ getHeaders(): Record<string, LogVisualHeader<Node>>
Return an object that contains all headers registered with the visual
Record<string, LogVisualHeader<Node>>
headers
▸ getId(): string | number
Returns the associated identifier of the node
string | number
The node's id
▸ Protected getInvalidateMethod(): AttributeCallback<EventDispatcher>
Gets invalidate method
AttributeCallback<EventDispatcher>
method to invalidate this object
LogAbstractVisual.getInvalidateMethod
▸ getLineStyle(): LineStyle
Returns line style
LogAbstractVisual.getLineStyle
▸ getLineStyles(): LineStyle[] | LineStylesCallback<T>
Returns array of line styles or a line style callback
LineStyle[] | LineStylesCallback<T>
▸ getLocalTransform(): Transformation
Retrieves the transformation of bounds to parent
transform the local transform.
LogAbstractVisual.getLocalTransform
▸ getMarginsStyle(): SpaceStyle<string | number>
Return margins style
SpaceStyle<string | number>
margins
LogAbstractVisual.getMarginsStyle
▸ getMicroPositionLeft(): number
Returns micro position left
number
LogAbstractVisual.getMicroPositionLeft
▸ getMicroPositionRight(): number
Returns micro position right
number
LogAbstractVisual.getMicroPositionRight
▸ Protected getMicroPositionTransformation(): Transformation
Returns micro position transformation
micro position transformation
LogAbstractVisual.getMicroPositionTransformation
▸ getModelLimits(): Rect
Returns parent model limits
LogAbstractVisual.getModelLimits
▸ getName(): string
Returns the node name
string
The node name
▸ getOddFillStyle(): FillStyle
Returns odd fill style
▸ getOddLineStyle(): LineStyle
Returns odd line style
▸ getOddSymbol(): SymbolShape
Returns odd symbol shape
▸ getOddTextStyle(): TextStyle
Returns odd text style
▸ getOpacity(): number
Returns current node opacity
number
opacity
▸ getOpacityBlendMode(): BlendMode
Returns current node opacity
opacity blend mode
LogAbstractVisual.getOpacityBlendMode
▸ getPaddingStyle(): SpaceStyle<string | number>
Returns padding style
SpaceStyle<string | number>
padding
▸ getParent(): Node
Return parent node
parent node
▸ getProperties(): OptionsOut<T>
Gets all the properties pertaining to this object
OptionsOut<T>
properties
LogAbstractVisual.getProperties
▸ getProperty(name): any
Gets dynamic property by name. These properties can be used as a property bags
| Name | Type | Description |
|---|---|---|
name | string | property name |
any
▸ getPropertyKeys(): string[]
Returns known properties keys
string[]
LogAbstractVisual.getPropertyKeys
▸ getRenderingFilter(): IFilter
Return filter to be used for rendering and picking
current filter
LogAbstractVisual.getRenderingFilter
▸ getResponsiveStyle(): ResponsiveStyle
Return responsive style
LogAbstractVisual.getResponsiveStyle
▸ getRoot(): Node
Returns root node.
If node doesn't have parent then it returns itself.
the root node
▸ getScaleScrollStrategy(): Delegate
Gets scale scroll strategy
scale scroll strategy
LogAbstractVisual.getScaleScrollStrategy
▸ getSceneTransform(): Transformation
Returns transformation from node to root scene
a transformation from node to root scene
LogAbstractVisual.getSceneTransform
▸ getSelectedFillStyle(): FillStyle | SelectedFillStylesCallback<T>
Returns selected segment fill style
FillStyle | SelectedFillStylesCallback<T>
fill style
▸ getSelectedIndices(): number[]
Return selected indices
number[]
selected indices
▸ getSelectedLineStyle(): LineStyle | SelectedLineStylesCallback<T>
Returns selected segment line style
LineStyle | SelectedLineStylesCallback<T>
line style
▸ getSelectedSymbol(): SymbolShape | SelectedSymbolStylesCallback<T>
Return selected segment symbol
SymbolShape | SelectedSymbolStylesCallback<T>
symbol
▸ getSelectedTextStyle(): TextStyle | SelectedTextStylesCallback<T>
Returns selected segment text style
TextStyle | SelectedTextStylesCallback<T>
text style
▸ getSymbolMarginsStyle(): SpaceStyle<string | number>
Return symbols margins style
SpaceStyle<string | number>
margins
▸ getSymbolPosition(): SymbolPosition
Returns symbols position
▸ getSymbols(): SymbolShape | SymbolShape[] | SymbolStylesCallback<T>
Returns array of symbol shapes or a symbol shape callback
SymbolShape | SymbolShape[] | SymbolStylesCallback<T>
▸ getTag(): any
Returns the object associated with the node by user.
any
The node's user-object
▸ getTextAlign(): TextAlign
Returns text alignment
▸ getTextOrientation(): TextOrientation
Returns text orientation
▸ getTextStyle(): TextStyle
Returns a text style
▸ getTextStyles(): TextStyle[] | TextStylesCallback<T>
Returns array of text styles or a text style callback
TextStyle[] | TextStylesCallback<T>
▸ getTrack(): ITrack
Returns parent track if LogTrack
▸ getValueAtDepth(depth): Object
Returns value closest to specified depth
| Name | Type | Description |
|---|---|---|
depth | number | value at depth of current section |
Object
value properties, null if no section found
▸ getValueAtIndex(index, depth?): Object
Returns value at specified index
| Name | Type | Description |
|---|---|---|
index | number | section index |
Optional depth | number | section depth |
Object
value properties, null if no section found
▸ getValues(): ValueCallback<T> | T[]
Returns array of values
ValueCallback<T> | T[]
▸ getVisible(): boolean
Return visibility of the node
boolean
true if node is visible
▸ getWorldTransform(): Transformation
Retrieves the local transformation of the node which represents multiplication of parent to bounds and contents transformations.
LogAbstractVisual.getWorldTransform
▸ getWrapMode(): WrapMode
Return text wrapping mode
▸ getZIndex(): number
Returns node z-index (null if not set)
number
▸ hasCssClass(cssClass): boolean
Check if node has specified css class
| Name | Type | Description |
|---|---|---|
cssClass | string | css class name |
boolean
▸ hasEventListener(type, callback?): boolean
Check if a list of event listeners for this type contains this listener
| Name | Type | Description |
|---|---|---|
type | string | type of event or property |
Optional callback | Function | to be called, if null, check if any callback is registered |
boolean
LogAbstractVisual.hasEventListener
▸ hitTest(area, radius?): SectionInfo[]
Hit test in the device coordinate. This method checks if any point is intersects <html>node inside text
| Name | Type | Description |
|---|---|---|
area | HitTestArea | model area or position |
Optional radius | number | radius of selection |
selected indices
▸ invalidate(bounds?, force?): LogMudLogSection<T>
Invalidate area of the shape. This method invalidates parent by default. invalidated from parent to root node.
| Name | Type | Description |
|---|---|---|
Optional bounds | Rect | bounds of the invalid rectangle in the inner node coordinates |
Optional force | boolean | true 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 |
this
▸ invalidateParent(bounds?, force?): LogMudLogSection<T>
Invalidate bounds
| Name | Type | Description |
|---|---|---|
Optional bounds | Rect | model bounds |
Optional force | boolean | force if null is provided then cache (if any will be completely refreshed) otherwise only specified rect or node.bounds will be refreshed |
this
LogAbstractVisual.invalidateParent
▸ isAutoBounds(): boolean
Returns auto bounds value
boolean
LogAbstractVisual.isAutoBounds
▸ isDisposed(): boolean
Returns whether this object has been disposed
boolean
▸ isEventPropagationEnabled(): boolean
Return true if event propagation is enabled from child to parent
boolean
LogAbstractVisual.isEventPropagationEnabled
▸ isHorizontalFlip(): boolean
Return true if the representation is flipped horizontally
boolean
horizontal flip
LogAbstractVisual.isHorizontalFlip
▸ isNotificationEnabled(): boolean
return state of notification
boolean
current notification state
LogAbstractVisual.isNotificationEnabled
▸ isSelectable(): boolean
Returns true if node can be picked/selected.
boolean
The selectable flag
LogAbstractVisual.isSelectable
▸ isSilent(): boolean
Return true if the event dispatcher doesn't notify any events
boolean
▸ notify<E>(type, source, args?): LogMudLogSection<T>
Notify listeners of the Node
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
type | E | type of event |
source | LogAbstractVisual | source who called the event |
Optional args | EventMap[E] | event arguments |
this
▸ off<E>(type?, callback?): LogMudLogSection<T>
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.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
Optional type | E | type of the event |
Optional callback | (eventType: E, sender: LogMudLogSection<T>, args: EventMap[E]) => void | function to be called |
this
▸ on<E>(type, callback): LogMudLogSection<T>
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.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
type | E | type of event or property |
callback | (eventType: E, sender: LogMudLogSection<T>, args: EventMap[E]) => void | to be called |
this
▸ Protected onHeaderSet(name, headerInstance, silent?): void
This method is called if header is set. Send event Events.HeaderSet
| Name | Type | Description |
|---|---|---|
name | string | of the container. The 'header' and 'footer' is used. |
headerInstance | LogVisualHeader<Node> | the header instance |
Optional silent | boolean | silent node to avoid sending events that header is created |
void
▸ Protected onMicroPositionChanged(): LogMudLogSection<T>
calls when microPosition has been changed
this
LogAbstractVisual.onMicroPositionChanged
▸ Protected onParentChanged(node): LogMudLogSection<T>
This method is called when parent changes. Do not call it directly.
| Name | Type | Description |
|---|---|---|
node | Node | node to change parent |
this
LogAbstractVisual.onParentChanged
▸ Protected onVisibilityChanged(): void
This method is called if visibility is changed. Send event Events.VisibilityChanged
void
LogAbstractVisual.onVisibilityChanged
▸ Protected postRendering(context): void
To be called after rendering. Call this method if you override method render
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
void
LogAbstractVisual.postRendering
▸ Protected preRendering(context): void
Occurs before rendering this method sets clipping by default. Call this method if you override method render
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
void
LogAbstractVisual.preRendering
▸ registerAnimationStyle(root): void
Register animation style.
| Name | Type | Description |
|---|---|---|
root | Node | root node for node |
void
LogAbstractVisual.registerAnimationStyle
▸ removeCssClass(cssclass): LogMudLogSection<T>
Removes css class from node
| Name | Type | Description |
|---|---|---|
cssclass | string | string[] | css class name('s) |
this
LogAbstractVisual.removeCssClass
▸ removeInvalidateHandler(handler): LogMudLogSection<T>
Remove invalidate handler
Deprecated
since 4.0, use Node.off instead
| Name | Type | Description |
|---|---|---|
handler | Function | handler to be notified about invalidation |
this
LogAbstractVisual.removeInvalidateHandler
▸ render(context): void
Renders node
| Name | Type | Description |
|---|---|---|
context | RenderingContext | The rendering context to be used to draw the node |
void
▸ renderAsync(context, callback): void
Render node in asynchronous mode. Default implementation creates call method "render" inside
| Name | Type | Description |
|---|---|---|
context | RenderingContext | The rendering context to be used to draw the node |
callback | () => void | callback function |
void
▸ Protected renderContent(context): void
Renders node content
| Name | Type | Description |
|---|---|---|
context | RenderingContext | The rendering context to be used to draw the node |
void
LogAbstractVisual.renderContent
▸ rotate(theta, x, y): LogMudLogSection<T>
Rotate bounds around a given coordinate
| Name | Type | Description |
|---|---|---|
theta | number | angle to rotate node, in radians |
x | number | x coordinate to rotate around |
y | number | y coordinate to rotate around |
this
▸ scale(xx, yy): LogMudLogSection<T>
Scale node
| Name | Type | Description |
|---|---|---|
xx | number | x scale factor |
yy | number | y scale factor |
this
▸ setAggregation(aggregation): LogMudLogSection<T>
Set symbols aggregation
| Name | Type | Description |
|---|---|---|
aggregation | Aggregation | symbols aggregation |
this
▸ setAnimationStyle(animationStyle): LogMudLogSection<T>
Sets animation style
| Name | Type | Description |
|---|---|---|
animationStyle | Type | animation style |
LogAbstractVisual.setAnimationStyle
▸ setAutoBounds(enable): LogMudLogSection<T>
Enables or disables auto bounds. If auto bounds is enabled then it equals to parent model limits
| Name | Type | Description |
|---|---|---|
enable | boolean | Enables or disables auto bounds |
this
LogAbstractVisual.setAutoBounds
▸ setBaseName(name): LogMudLogSection<T>
Sets base name of the visual
| Name | Type | Description |
|---|---|---|
name | string | The base name |
this
▸ setBounds(bounds): LogMudLogSection<T>
Sets bounds of the visual in the parent coordinates and sets up auto bounds to false
| Name | Type | Description |
|---|---|---|
bounds | Rect | the rectangle specifying position of the visual in the track. |
this
▸ setClipStyle(style): LogMudLogSection<T>
Sets a new clipping style
| Name | Type | Description |
|---|---|---|
style | GraphicsPath | ClipStyle | Options | a new clipping style |
this
LogAbstractVisual.setClipStyle
▸ setCornerRadius(radius): LogMudLogSection<T>
Set border radius in device coordinates.
| Name | Type | Description |
|---|---|---|
radius | number | border radius in device coordinates |
this
▸ setCss(style, merge?): LogMudLogSection<T>
Sets CSS style. This style will be applied for all inserted elements
| Name | Type | Description |
|---|---|---|
style | Type | CSS style to be applied to inserted elements |
Optional merge | boolean | merge flag |
this
▸ setCssClass(name): LogMudLogSection<T>
Sets css class name of the node to be used to apply CSS style
| Name | Type | Description |
|---|---|---|
name | string | css class name of the node |
this
▸ setCssTransform(transform): LogMudLogSection<T>
Set CSS transformation
| Name | Type | Description |
|---|---|---|
transform | string | Transformation | transformation css transformation instruction or Transformation instance |
this
LogAbstractVisual.setCssTransform
▸ setDepthsAndValues(depths, values): LogMudLogSection<T>
Sets array of depths and array of corresponding values
| Name | Type | Description |
|---|---|---|
depths | number[] | array of depths |
values | ValueCallback<T> | T[] | array of corresponding values along the depth or callback function |
this
▸ setDescription(description): LogMudLogSection<T>
Sets the description
| Name | Type | Description |
|---|---|---|
description | string | The visual description |
this
LogAbstractVisual.setDescription
▸ setEllipsisString(str): LogMudLogSection<T>
Sets ellipsis text to string under 15 characters
| Name | Type | Description |
|---|---|---|
str | string | value in the current section |
this
▸ setEvenFillStyle(fillStyle, merge?): LogMudLogSection<T>
Sets even fill style
| Name | Type | Description |
|---|---|---|
fillStyle | Type | a new fill style |
Optional merge | boolean | true if you want to merge fillStyle with existing attribute, false by default |
this
▸ setEvenLineStyle(lineStyle, merge?): LogMudLogSection<T>
Sets even line style
| Name | Type | Description |
|---|---|---|
lineStyle | Type | a new line style |
Optional merge | boolean | true if you want to merge lineStyle with existing attribute, false by default |
this
▸ setEvenSymbol(symbol): LogMudLogSection<T>
Sets even symbol shape
| Name | Type | Description |
|---|---|---|
symbol | SymbolShape | a new symbol shape |
this
▸ setEvenTextStyle(textStyle, merge?): LogMudLogSection<T>
Sets even text style
| Name | Type | Description |
|---|---|---|
textStyle | Type | a new text style |
Optional merge | boolean | true if you want to merge textStyle with existing attribute, false by default |
this
▸ setFillMode(fillMode): LogMudLogSection<T>
Sets fill mode
| Name | Type | Description |
|---|---|---|
fillMode | FillMode | The fill mode |
this
▸ setFillStyles(fillStyles): LogMudLogSection<T>
Sets array of fill Styles
| Name | Type | Description |
|---|---|---|
fillStyles | Type[] | FillStylesCallback<T> | fill styles array to use one by one or a callback function to define each style manually |
this
▸ setHeader(name, headerInstance, silent?): LogMudLogSection<T>
Sets header instance with specified name. This name usually defines header or footer.
Throws
if header name is null
| Name | Type | Description |
|---|---|---|
name | string | of the container. The 'header' and 'footer' is used. |
headerInstance | LogVisualHeader<Node> | the header instance |
Optional silent | boolean | silent node to avoid sending events that header is created |
this
▸ setId(id): LogMudLogSection<T>
Allows the user to associate any identifier
| Name | Type | Description |
|---|---|---|
id | string | number | object id |
this
▸ setLineStyle(lineStyle, merge?): LogMudLogSection<T>
Sets line style
| Name | Type | Description |
|---|---|---|
lineStyle | Type | The style in which the line is displayed object can be in format of constructor of LineStyle |
Optional merge | boolean | true if you want to merge lineStyle with existing attribute, false by default |
this
LogAbstractVisual.setLineStyle
▸ setLineStyles(lineStyles): LogMudLogSection<T>
Sets array of line Styles
| Name | Type | Description |
|---|---|---|
lineStyles | Type[] | LineStylesCallback<T> | line styles array to use one by one or a callback function to define each style manually |
this
▸ setLocalTransform(localTransform, force?): LogMudLogSection<T>
Sets local transformation to be used to transform from local to parent coordinate
| Name | Type | Description |
|---|---|---|
localTransform | Transformation | local transformation for this node |
Optional force | boolean | boolean flag to force update event if transformations are equal, false by default |
this
LogAbstractVisual.setLocalTransform
▸ setMarginsStyle(margins, merge?): LogMudLogSection<T>
Sets margins style
| Name | Type | Description |
|---|---|---|
margins | Type<string | number> | margins style |
Optional merge | boolean | true if you want to merge marginsStyle with existing attribute, false by default |
this
LogAbstractVisual.setMarginsStyle
▸ setMicroPosition(left, right): LogMudLogSection<T>
Sets micro position (0 - 1). It allows application code to display the visual in a subarea of the track.
By default log visuals uses all space of the trace in the horizontal direction, but micro position allows to place log visual in the specified position of the track in horizontal direction. See example below
Example
// The following code places curve 20% from left and 20% from right.
curve.setMicroPosition(0.2,0.8);| Name | Type | Description |
|---|---|---|
left | number | left position |
right | number | right position |
this
LogAbstractVisual.setMicroPosition
▸ setName(name): LogMudLogSection<T>
Sets name of the node
| Name | Type | Description |
|---|---|---|
name | string | The node name |
this
▸ setNotification(notify, force?): LogMudLogSection<T>
set notification state
| Name | Type | Description |
|---|---|---|
notify | boolean | flag set to invalidate parent or not |
Optional force | boolean | true if parent should be invalidated immediately |
this
LogAbstractVisual.setNotification
▸ setOddFillStyle(fillStyle, merge?): LogMudLogSection<T>
Sets odd fill style
| Name | Type | Description |
|---|---|---|
fillStyle | Type | a new fill style |
Optional merge | boolean | true if you want to merge fillStyle with existing attribute, false by default |
this
▸ setOddLineStyle(lineStyle, merge?): LogMudLogSection<T>
Sets odd line style
| Name | Type | Description |
|---|---|---|
lineStyle | Type | a new line style |
Optional merge | boolean | true if you want to merge LineStyle with existing attribute, false by default |
this
▸ setOddSymbol(symbol): LogMudLogSection<T>
Sets odd symbol shape
| Name | Type | Description |
|---|---|---|
symbol | SymbolShape | a new symbol shape |
this
▸ setOddTextStyle(textStyle, merge?): LogMudLogSection<T>
Sets odd text style
| Name | Type | Description |
|---|---|---|
textStyle | Type | a new text style |
Optional merge | boolean | true if you want to merge textStyle with existing attribute, false by default |
this
▸ setOpacity(opacity, blendMode?): LogMudLogSection<T>
Sets node opacity
| Name | Type | Description |
|---|---|---|
opacity | number | node opacity from 0 to 1 |
Optional blendMode | BlendMode | opacity blend mode. If it is normal, opacity will be replaced. |
this
▸ setPaddingStyle(paddingStyle, merge?): LogMudLogSection<T>
Sets padding style
| Name | Type | Description |
|---|---|---|
paddingStyle | Type<string | number> | padding style |
Optional merge | boolean | true if you want to merge paddingStyle with existing attribute, false by default |
this
▸ setProperties(properties?): LogMudLogSection<T>
Sets all the properties pertaining to this object
| Name | Type | Description |
|---|---|---|
Optional properties | Options<T> | An object containing the properties to set |
this
LogAbstractVisual.setProperties
▸ setProperty(name, value): LogMudLogSection<T>
Sets dynamic property by name
| Name | Type | Description |
|---|---|---|
name | string | property name |
value | any | property value |
this
▸ setRenderingFilter(filter): LogMudLogSection<T>
Sets filter to be applied before rendering and picking
| Name | Type | Description |
|---|---|---|
filter | IFilter | filter to set |
this
LogAbstractVisual.setRenderingFilter
▸ setResponsiveStyle(style): LogMudLogSection<T>
Sets responsive style.
| Name | Type | Description |
|---|---|---|
style | Options | ResponsiveStyle | responsive style |
this
LogAbstractVisual.setResponsiveStyle
▸ setScaleScrollStrategy(strategy?): LogMudLogSection<T>
Sets scale scroll strategy
| Name | Type | Description |
|---|---|---|
Optional strategy | Delegate | scale scroll strategy |
this
LogAbstractVisual.setScaleScrollStrategy
▸ setSelectable(selectable): LogMudLogSection<T>
Allows to select node. If node is not selectable then child node is not selectable.
| Name | Type | Description |
|---|---|---|
selectable | boolean | flag to allow node selection |
this
LogAbstractVisual.setSelectable
▸ setSelectedFillStyle(fillStyle, merge?): LogMudLogSection<T>
Sets fill style for selected segment
| Name | Type | Description |
|---|---|---|
fillStyle | Type | SelectedFillStylesCallback<T> | a new fill style |
Optional merge | boolean | true if you want to merge fillStyle with existing attribute, false by default |
this
▸ setSelectedIndices(indices): LogMudLogSection<T>
Set selected indices
| Name | Type | Description |
|---|---|---|
indices | number[] | selected indices |
this
▸ setSelectedLineStyle(lineStyle, merge?): LogMudLogSection<T>
Sets line style for selected segment
| Name | Type | Description |
|---|---|---|
lineStyle | Type | SelectedLineStylesCallback<T> | a new line style |
Optional merge | boolean | true if you want to merge LineStyle with existing attribute, false by default |
this
▸ setSelectedSymbol(symbol): LogMudLogSection<T>
Set symbol for selected segment
| Name | Type | Description |
|---|---|---|
symbol | SymbolShape | SelectedSymbolStylesCallback<T> | symbol for selected segments |
this
▸ setSelectedTextStyle(textStyle, merge?): LogMudLogSection<T>
Sets text style for selected segment
| Name | Type | Description |
|---|---|---|
textStyle | Type | SelectedTextStylesCallback<T> | a new text style |
Optional merge | boolean | true if you want to merge textStyle with existing attribute, false by default |
this
▸ setSilent(bool): LogMudLogSection<T>
Set silent mode
| Name | Type | Description |
|---|---|---|
bool | boolean | flag to enable silent mode |
this
▸ setSymbolMarginsStyle(margins, merge?): LogMudLogSection<T>
Sets symbols margins style
| Name | Type | Description |
|---|---|---|
margins | Type<string | number> | margins style |
Optional merge | boolean | true if you want to merge marginsStyle with existing attribute, false by default |
this
▸ setSymbolPosition(position): LogMudLogSection<T>
Set symbols position
| Name | Type | Description |
|---|---|---|
position | SymbolPosition | symbol position |
this
▸ setSymbols(symbols): LogMudLogSection<T>
Set array of symbol shapes or a symbol shape callback
| Name | Type | Description |
|---|---|---|
symbols | SymbolShape | SymbolShape[] | SymbolStylesCallback<T> | symbols |
this
▸ setTag(tag): LogMudLogSection<T>
Allows the user to associate any arbitrary object with the node.
| Name | Type | Description |
|---|---|---|
tag | any | The object to be associated with the node. |
this
▸ setTextAlign(textAlign): LogMudLogSection<T>
Sets text alignment
| Name | Type | Description |
|---|---|---|
textAlign | TextAlign | text alignment |
this
▸ setTextOrientation(textOrientation): LogMudLogSection<T>
Sets text orientation
| Name | Type | Description |
|---|---|---|
textOrientation | TextOrientation | text orientation |
this
▸ setTextStyle(textStyle, merge?): LogMudLogSection<T>
Sets text style
| Name | Type | Description |
|---|---|---|
textStyle | Type | a new shape text style |
Optional merge | boolean | true if you want to merge textStyle with existing attribute, false by default |
this
▸ setTextStyles(textStyles): LogMudLogSection<T>
Sets array of text Styles
| Name | Type | Description |
|---|---|---|
textStyles | Type[] | TextStylesCallback<T> | text styles array to use one by one or a callback function to define each style manually |
this
▸ setVisible(value): LogMudLogSection<T>
Sets visibility of the node. Send event Events.VisibilityChanged
| Name | Type | Description |
|---|---|---|
value | boolean | flag specifying visibility of the node |
this
▸ setWrapMode(wrapMode): LogMudLogSection<T>
Set text wrapping mode
| Name | Type | Description |
|---|---|---|
wrapMode | WrapMode | text wrapping mode |
▸ setZIndex(value): LogMudLogSection<T>
Sets z-index for node (set null for default)
| Name | Type | Description |
|---|---|---|
value | number | index determining node z-position |
this
▸ shear(shx, shy): LogMudLogSection<T>
Shear this node's bounds
| Name | Type | Description |
|---|---|---|
shx | number | x-axis shear |
shy | number | y-axis shear |
this
▸ toString(): string
Returns a string representation of this object (generally the classname)
string
A string representation
▸ translate(tx, ty): LogMudLogSection<T>
Translate bounds
| Name | Type | Description |
|---|---|---|
tx | number | x translation |
ty | number | y translation |
this
▸ unregisterAnimationStyle(root): void
Unregister animation style.
| Name | Type | Description |
|---|---|---|
root | Node | root node for node |
void
LogAbstractVisual.unregisterAnimationStyle
▸ updateSceneTransformation(): LogMudLogSection<T>
Update scene transformation
this
LogAbstractVisual.updateSceneTransformation
▸ updateState(regions?, changes?): LogMudLogSection<T>
Update state. These methods reset node state and update state for children. this method is useful to refresh a scene graph
| Name | Type | Description |
|---|---|---|
Optional regions | Rect[] | optional array to return invalid rectangles in the parent coordinates |
Optional changes | StateChanges | optional parameter to specify a reason of changes |
this
▸ Protected updateTimeStamp(): LogMudLogSection<T>
Update time stamp to indicate that Node or Children has been changed.
this
LogAbstractVisual.updateTimeStamp
▸ Static enableSceneGraphNotification(enabled): void
Enable / disable all notifications
| Name | Type | Description |
|---|---|---|
enabled | boolean | sets if this object sends notifications |
void
LogAbstractVisual.enableSceneGraphNotification
▸ Static findParent<T>(node, classType, filter?): InstanceType<T>
Find root of the node with specified type
| Name | Type |
|---|---|
T | extends Constructor<any> |
| Name | Type | Description |
|---|---|---|
node | Node | node to start search |
classType | T | type of the class to search for |
Optional filter | (node: Node) => boolean | additional filter to apply |
InstanceType<T>
▸ Static findParent(node, classType, filter?): Node
Find root of the node with specified type
| Name | Type | Description |
|---|---|---|
node | Node | node to start search |
classType | string | interface name to search for |
Optional filter | (node: Node) => boolean | additional filter to apply |
▸ Static getClassName(): string
string
LogAbstractVisual.getClassName
▸ Static isSceneGraphNotificationEnabled(): boolean
Return status of the global notification for all nodes.
boolean