Options
All
  • Public
  • Public/Protected
  • All
Menu

Hierarchy

Implemented by

Index

Properties

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

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

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

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

mouseManager

mouseManager: MouseManager

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

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

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.

Readonly seriesViewRect

seriesViewRect: Rect

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

Readonly subChartCounter

subChartCounter: number

Gets the sub-chart counter value

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

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

  • Used internally - Adds a sub-chart

    Parameters

    Returns void

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

  • Runs the drawing loop. Get context and pass drawing to SciChartRenderer

    Parameters

    Returns void

getDefaultXAxis

  • Gets the default XAxis, which is the first one X axis attached to the surface.

    Returns AxisBase2D | undefined

getDefaultYAxis

  • Gets the default YAxis, which is the first one Y axis attached to the surface.

    Returns AxisBase2D

getMainCanvas

  • getMainCanvas(): HTMLCanvasElement

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

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