Options
All
  • Public
  • Public/Protected
  • All
Menu

Hierarchy

Implemented by

Index

Properties

Readonly adjustedPadding

adjustedPadding: Thickness

Gets the adjusted padding between the SciChartSurface and its inner elements, in order top, right, bottom, left Defines a resulting padding accordingly to DPI scaling.

Readonly annotations

summary

Gets the collection of IAnnotation - annotations, markers or shapes drawn over the top of a SciChartSurface

description

A SciChartSurface can have zero to many Annotations.

The Annotations are drawn using our WebGL / WebAssembly rendering engine, but some use SVG for maximum configurability. See derived types of IAnnotation such as BoxAnnotation, LineAnnotation etc...

Use this collection to add and remove Annotations to the chart.

background

background: string

Gets the SciChartSurface Background as an HTML color code

backgroundFillBrushCache

backgroundFillBrushCache: BrushCache

Used internally

bottomSectionClass

bottomSectionClass: string

Readonly chartModifierGroups

chartModifierGroups: string[]

Gets Chart Modifier Groups, is used for sharing events between chart modifiers

Readonly chartModifiers

An ObservableArray of IChartModifierBase derived types. Chart Modifiers provide behavior such as zooming, panning, tooltips, legends and more in SciChart's High Performance Realtime JavaScript Charts. You can use our built in modifiers (see derived types of ChartModifierBase, or create your own for custom interaction behavior.

chartTitleRenderer

chartTitleRenderer: IChartTitleRenderer

Controls the rendering of {@link SiCharSurface.title}

Readonly clipRect

clipRect: Rect

clippingMode

clippingMode: ESubChartClippingMode

Gets or sets if the clipping mode of the sub-chart

coordinateMode

Gets or sets the ECoordinateMode used when calculating the actual position based on the subPosition

domBackgroundSvgContainer

domBackgroundSvgContainer: SVGSVGElement

The {@link SVGSVGElement} placed on the background and could be used instead of domSvgContainer

Readonly domCanvas2D

domCanvas2D: HTMLCanvasElement

The {@link HTMLCanvasElement} which is the HTML5 canvas which SciChart draws overlays (cursors, tooltips) to

domCanvasWebGL

domCanvasWebGL: HTMLCanvasElement

The {@link HTMLCanvasElement} which is the WebGL canvas that SciChart draws to

Readonly domChartRoot

domChartRoot: HTMLDivElement

The {@link HTMLDivElement} which is the dom chart root

Readonly domDivContainer

domDivContainer: HTMLDivElement

The inner {@link HTMLDivElement} div element

Readonly domSeriesBackground

domSeriesBackground: HTMLDivElement

The inner {@link HTMLDivElement} div element placed on the background

domSvgAdornerLayer

domSvgAdornerLayer: SVGSVGElement

The {@link SVGSVGElement} which is the SVG adorner layer canvas, is used for annotation adorners

domSvgContainer

domSvgContainer: SVGSVGElement

The {@link SVGSVGElement} which is the SVG canvas which SciChart adds elements (tooltips, annotations) to

Readonly id

id: string

Gets the ISciChartSurfaceBase Id

Readonly isDeleted

isDeleted: boolean

Used internally - gets isDeleted flag

isSubSurface

isSubSurface: boolean

Readonly isSuspended

isSuspended: boolean

Gets a value indicating whether updates for the target are currently suspended

isTransparent

isTransparent: boolean

Gets or Sets whether other surfaces, including the parent, will be visible underneath this surface

isVisible

isVisible: boolean

Gets or sets if the subchart is visible, allowing you to hide a subchart without removing it from the parent surface

isWebGLContextActive

isWebGLContextActive: boolean

Used internally to prevent redraw attamps if the webGL context ahs been lost

layoutManager

layoutManager: LayoutManager

Used internally - gets or sets the LayoutManager

leftSectionClass

leftSectionClass: string

mouseManager

mouseManager: MouseManager

The MouseManager subscribes to mouse events on the domChartRoot and routes them to components within SciChart

offset

offset: Thickness | undefined

Readonly otherSurfaces

otherSurfaces: ISciChartSurfaceBase[]

Used internally - gets other SciChartSurfaces

padding

padding: Thickness

Gets or sets the Padding between the ISciChartSurface and its inner elements, in order top, right, bottom, left

Readonly parentSurface

parentSurface: ISciChartSurface

The parent ISciChartSurface, if this is a subChart

parentXAxisId

parentXAxisId: string

Gets or sets the parent chart AxisId used to determine which X Axis should be used when calculating the actual position based on the subPosition if coordinateMode is DataValue

parentYAxisId

parentYAxisId: string

Gets or sets the parent chart AxisId used to determine which Y Axis should be used when calculating the actual position based on the subPosition if coordinateMode is DataValue

preRender

preRender: EventHandler<any>

An event handler which notifies its subscribers when a render operation starts. Use this to update elements of the chart for the current render. Any updates made here will not trigger a subsequent render.

renderError

renderError: EventHandler<any>

An event handler which notifies its subscribers when an error occurs during chart rendering. A listener receives the error object via params.

renderSurface

renderSurface: RenderSurface

Readonly renderableSeries

summary

Gets the collection of IRenderableSeries - the chart types or series on this ISciChartSurface

description

A ISciChartSurface can have zero to many RenderableSeries.

The RenderableSeries are drawn as chart types, e.g. Line series, Scatter series. Each RenderableSeries must have a DataSeries.

Use this collection to add and remove series to the chart.

remarks

Adding a series to the chart causes it to automatically redraw. To zoom to fit the data after adding a series, either set AxisCore.autoRange or call SciChartSurface.zoomExtents

rendered

rendered: EventHandler<boolean>

An event handler which notifies its subscribers when a render operation has finished. Use this to time render performance, or to update elements of the chart or your UI on redraw.

resized

resized: EventHandler<Size>

An event handler which notifies its subscribers when a chart root element was resized.

rightSectionClass

rightSectionClass: string

sectionScale

sectionScale: number

Gets or sets scale property for all sections It is necessary if the scale transformation is being used for html areas around the subchart For example, style = { width: "50%", transform: scale(2), transformOrigin: 'left top' }

Readonly seriesViewRect

seriesViewRect: Rect

Gets the Series View Rect, a rectangle relative to the entire size of the SciChartSurfaceBase

Readonly subChartContainer

subChartContainer: HTMLDivElement

The {@link HTMLDivElement} which is the dom sub-chart root

Readonly subChartCounter

subChartCounter: number

Gets the sub-chart counter value

subPosition

subPosition: TSubSurfacePosition

A rectangle defining the position and size of a subchart. If coordinateMode is Relative (the default) then the values give the size as a proportion of the parent div, and all properties must be between 0 and 1 inclusive. If coordinateMode is DataValue, values will be converted to coordinates using parentXAxisId and parentYAxisId. Subchart will be clpped to the parent SeriesViewRect Can only be set if this is a subChart.

surfaceType

surfaceType: ESurfaceType

Gets the Surface Type. See ESurfaceType for list of values

Readonly themeProvider

themeProvider: IThemeProvider

Used internally - gets the previous IThemeProvider

titleStyle

titleStyle: TChartTitleStyle

Gets or sets the title text style and placement for the SciChartSurface as TChartTitleStyle

topSectionClass

topSectionClass: string

Readonly viewRect

viewRect: Rect

Readonly webAssemblyContext2D

webAssemblyContext2D: TSciChart

The SciChart 2D WebAssembly Context containing native methods and access to our WebGL2 Engine and WebAssembly numerical methods

Readonly xAxes

summary

Gets the collection of AxisBase2D - the X Axis on a ISciChartSurface

description

A ISciChartSurface can have one to many XAxes.

Axis may be positioned on the left, right, top or bottom of the chart by using AxisBase2D.axisAlignment.

XAxis may be positioned on the top/bottom (default) or left/right in the case of a rotated or vertical chart.

Series and annotations may be linked to an axis via the AxisCore.id, BaseRenderableSeries.xAxisId and AnnotationBase.xAxisId property.

remarks

Adding an Axis to the chart causes it to automatically redraw. Note that Axis by default do not zoom to fit data. See the AxisBase2D.autoRange property for more information.

Readonly yAxes

summary

Gets the collection of AxisBase2D - the Y Axis on a ISciChartSurface

description

A ISciChartSurface can have one to many YAxes.

Axis may be positioned on the left, right, top or bottom of the chart by using AxisBase2D.axisAlignment.

YAxis may be positioned on the left/right (default) or bottom/top in the case of a rotated or vertical chart.

Series and annotations may be linked to an axis via the AxisCore.id, BaseRenderableSeries.yAxisId and AnnotationBase.yAxisId property.

remarks

Adding an Axis to the chart causes it to automatically redraw. Note that Axis by default do not zoom to fit data. See the AxisBase2D.autoRange property for more information.

Methods

addDeletable

  • Add an IDeleteable object to the surface which will have its delete method called when the surface is deleted

    Parameters

    Returns void

addSubChartInternal

applyTheme

changeViewportSize

  • changeViewportSize(width: number, height: number): void

delete

  • delete(clearHtml?: boolean): void
  • Deletes native (WebAssembly) memory used by this type, after which it cannot be used.

    Parameters

    • Optional clearHtml: boolean

    Returns void

doDrawingLoop

getDefaultXAxis

getDefaultYAxis

getMainCanvas

  • getMainCanvas(): HTMLCanvasElement

getSubChartContainer

  • getSubChartContainer(): HTMLDivElement
  • Gets the sub-chart container

    Returns HTMLDivElement

getSubChartRect

  • getSubChartRect(): Rect
  • Gets the sub-chart rect on the parent surface. Defines the viewport size of the sub-surface. TThis rect is a subset of the SciChartSubSurface.subPosition considering the SubChart Wrapper content areas

    Returns Rect

getSurfaceRenderOrder

  • getSurfaceRenderOrder(): number
  • Gets or sets the drawing order for surfaces and their subsurfaces. This allows for a parent surface to draw over a subsurface. This does not affect the drawing order of separate surfaces - use z-index on the container div to control that.

    Returns number

getXAxisById

  • getXAxisById(axisId: string): AxisBase2D | undefined
  • Gets the XAxis which matches the axisId. Returns undefined if not axis found

    Parameters

    • axisId: string

      The AxisId to search for

    Returns AxisBase2D | undefined

getYAxisById

  • Gets the YAxis which matches the axisId. Returns undefined if no axis found

    Parameters

    • axisId: string

      The AxisId to search for

    Returns AxisBase2D

invalidateElement

  • invalidateElement(options?: { force?: boolean }): void
  • Call invalidateElement() to trigger a redraw of the SciChartSurfaceBase. SciChart's WebGL WebAssembly rendering engine will schedule a redraw a the next time the renderer is free.

    Parameters

    • Optional options: { force?: boolean }
      • Optional force?: boolean

    Returns void

Protected onDpiChanged

  • Called when the Dpi changes in the browser. This could be due to user zooming the browser, or changing DPI settings in Windows, or moving the browser containing SciChart to another monitor

    Parameters

    Returns void

onResize

  • onResize(width: number, height: number): void

resumeUpdates

  • resumeUpdates(): void
  • Resumes updates on the target

    Returns void

setIsInitialized

  • setIsInitialized(): void

suspendUpdates

  • suspendUpdates(): void
  • Suspends updates on the target

    Returns void

toJSON

  • Parameters

    • excludeData: boolean

    Returns ISubChartDefinition

updateSubLayout

  • updateSubLayout(isDrawing?: boolean): void
  • Recalculate the position of the subChart. Call if you update the size of html elements in the wrapper

    Parameters

    • Optional isDrawing: boolean

    Returns void

zoomExtentsY

  • zoomExtentsY(animationDurationMs?: number, easingFunction?: TEasingFn, axisSelectorFn?: (t: IIncludable) => boolean): void
  • summary

    Zooms the SciChartSurface in the Y direction to extents of all data (zoom to fit)

    description

    Parameters

    • Optional animationDurationMs: number

      An optional animation duration. Default value is 0, which means 'no animation'

    • Optional easingFunction: TEasingFn

      An optional easing function for animations. See TEasingFn for a list of values

    • Optional axisSelectorFn: (t: IIncludable) => boolean

    Returns void

Generated using TypeDoc