Creates an instance of the UniformHeatmapRenderableSeries
The SciChart WebAssembly Context containing native methods and access to our WebGL2 WebAssembly Drawing Engine
optional parameters of type IHeatmapRenderableSeriesOptions applied when constructing the series type
Gets the current IHitTestProvider, used to call methods IHitTestProvider.hitTest, IHitTestProvider.hitTestXSlice and IHitTestProvider.hitTestDataPoint and provide info about the series data-points at mouse or touch locations
A hovered EventHandler. This event fires whenever the Series is hovered or unhovered by a mouse or pointer.
A unique Id for the IRenderableSeries
A callback which tells the parent SciChartSurface that it must be redrawn, e.g. when a property changes
Returns true if the series is a stacked series or not
An isVisible changed EventHandler. This event fires whenever the Series isVisible changes.
Gets or sets RolloverModifierRenderableSeriesProps for RolloverModifier tooltips
Gets or sets RolloverModifierRenderableSeriesProps for RolloverModifier tooltips Is being used for Y1 tooltips for FastBandRenderableSeries
A selected EventHandler. This event fires whenever the Series is selected or deselected.
Sets a start up animation class, a child class for SeriesAnimation
If true, the drawing will be clipped to the visibleRange of the associated Y Axis. This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
If true, the drawing will be clipped to the visibleRange of the associated Y Axis. This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
Gets or sets the HeatmapColorMap, which maps heatmap z-values to colors
Gets or sets the HeatmapColorMap, which maps heatmap z-values to colors
Gets or sets the BaseDataLabelProvider used for creating and drawing per-point text
Gets or sets the BaseDataLabelProvider used for creating and drawing per-point text
The DataSeries which provides a datasource for this IRenderableSeries to draw
The DataSeries which provides a datasource for this IRenderableSeries to draw
How to treat NAN (Not a number) values in the input dataSeries. See ELineDrawMode for a list of values.
How to treat NAN (Not a number) values in the input dataSeries. See ELineDrawMode for a list of values.
Gets a list of Series Drawing Providers, which perform specific drawing operations in the series
Gets a list of Series Drawing Providers, which perform specific drawing operations in the series
Gets an optional ShaderEffect for modifying the render output of this IRenderableSeries
Sets an optional ShaderEffect for modifying the render output of this IRenderableSeries
Readonly. When true, resampling modes are enabled for faster drawing performance.
Gets or sets whether to fill cells with edge color if its value is outside of {@link colorMap.minimum} to {@link colorMap.maximum} range
Gets or sets whether to fill cells with edge color if its value is outside of {@link colorMap.minimum} to {@link colorMap.maximum} range
When true, if this series draws a line, the line will be a digital (step) line
When true, if this series draws a line, the line will be a digital (step) line
Gets or sets whether the Series is hovered by a mouse or pointer device. Setting programmatically will trigger hovered logic
Gets or sets whether the Series is hovered by a mouse or pointer device. Setting programmatically will trigger hovered logic
gets if the animation is currently running
gets if a data animation is currently running
Gets or sets whether the Series is selected. Setting programmatically will trigger selection logic
Gets or sets whether the Series is selected. Setting programmatically will trigger selection logic
Returns true if the series uses spline interpolation
When true, the series is visible and drawn
When true, the series is visible and drawn
An Opacity factor of the Series that controls its semi-transparency level, where value 1 means the Series is opaque; 0 - transparent.
An Opacity factor of the Series that controls its semi-transparency level, where value 1 means the Series is opaque; 0 - transparent.
An optional IPaletteProvider which is used to provide per data-point coloring or paletting.
An optional IPaletteProvider which is used to provide per data-point coloring or paletting.
The parent SciChartSurface that this RenderableSeries is attached to
The parent SciChartSurface that this RenderableSeries is attached to
A Point Marker which is used to draw an optional point-marker at each data-point. Applicable to some series types only
A Point Marker which is used to draw an optional point-marker at each data-point. Applicable to some series types only
Gets or Sets the resamplingMode EResamplingMode
Gets or Sets the resamplingMode EResamplingMode
Gets or Sets the resamplingPrecision
Gets or Sets the resamplingPrecision
A Stroke for lines, outlines and edges of this RenderableSeries
A Stroke for lines, outlines and edges of this RenderableSeries
The Stroke Thickness for lines, outlines and edges of this RenderableSeries
The Stroke Thickness for lines, outlines and edges of this RenderableSeries
Returns true if the series supports resampling
Gets or sets whether to make the heatmap linearly interpolated or smoothed between cells
Gets or sets whether to make the heatmap linearly interpolated or smoothed between cells
Gets the bound XAxis for this BaseRenderableSeries.
Gets the bound YAxis for this BaseRenderableSeries.
Determines whether the y range for this series should consider only the visible data (the default), or include the drawn points just outside the visible range
Determines whether the y range for this series should consider only the visible data (the default), or include the drawn points just outside the visible range
Replace this to do custom adjustments to the auto color for a particular property
Runs after the animation is complete
Runs before the animation starts
Checks is the point is out of the data range. For sorted data only. Is used to hide tooltips for RolloverModifier
The X value of the point
The Y value of the point
Called when a property changes on HeatmapColorMap, and notifies the parent SciChartSurface that a redraw is required.
Is being called when the data for the underlying DataSeries changes
Called when the BaseRenderableSeries must be drawn
The {@link WebGL2RenderingContext} with methods for drawing on the WebGL Canvas via our WebAssembly Rendering Engine
The RenderPassData containing data about the current rendering pass
Add the animation into the queue
Gets the RenderPassData instance used for this render pass
Returns the associated IDataSeries.dataSeriesName
Returns IDataSeries.count for the linked dataSeries
Returns the indices range of data points in xRange of the associated IDataSeries
The X-Axis Range currently in view
If True the renderable series uses CategoryAxis
Returns the IDataSeries.getNativeXValues for the associated dataSeries
Returns the IDataSeries.getNativeYValues for the associated dataSeries
Get a SeiesInfo object for this series based on the given hitTest
Gets the X-Range of the series. Override in derived classes to provide series specific implementations
Gets the Y-Range of the series for the current X-Range. Override in derived classes to provide series specific implementations
The AxisCore.visibleRange for the current bound XAxis
Whether the current bound XAxis is a Category axis
Returns true if the BaseRenderableSeries has a dataSeries
Returns true if the BaseRenderableSeries has a dataSeries and IDataSeries.hasValues is true
Returns true if the BaseRenderableSeries has an
Returns true if the BaseRenderableSeries has an IPointMarkerPaletteProvider
Returns true if the BaseRenderableSeries has an IStrokePaletteProvider
Used internally to check if resampling is needed for the renderable series
Is called for each render
Called when the BaseRenderableSeries is attached to a parent SciChartSurface
the SciChartSurface that this series has been attached to
Called when the BaseRenderableSeries is detached from a SciChartSurface
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
The TDpiChangedEventArgs containing info about the Dpi Changed event
adds palette colors
Resolve colors marked AUTO_COLOR using the theme's strokePalette and fillPalette To do custom adjustments to the resolved colors, override the adjustAutoColor method
Cancel all previous animations and run the current one
Sets initial and end animation vectors
Convert the object to a definition that can be serialized to JSON, or used directly with the builder api
if set true, data values will not be included in the json.
Returns a dataset for drawing on the viewport
The resampling parameters
Internal method that runs on each animation tick
The current animation progress, a value from 0 to 1
The animation finite state machine
Generated using TypeDoc
A JavaScript Heatmap chart type rendering a 2-dimensional array of data as color values between X,Y bounds in SciChart's High Performance Real-time JavaScript Chart Library
Heatmaps are 2-dimensional arrays of data, rendered as a color-map on the chart. The UniformHeatmapRenderableSeries assumes the cells are equal size, and spaced along the X,Y axis according to properties on the UniformHeatmapDataSeries.
For a code sample how to initialize a uniform heatmap, see below
// Create an empty 2D array using the helper function zeroArray2D const zValues: number[][] = zeroArray2D([height, width]); // todo: fill the zValues 2d array with values // Create a UniformHeatmapDataSeries passing in zValues const heatmapDataSeries = new UniformHeatmapDataSeries(wasmContext, 0, 1, 0, 1, zValues); // Create a Heatmap RenderableSeries with the color map. ColorMap.minimum/maximum defines the values in // HeatmapDataSeries which correspond to gradient stops at 0..1 const heatmapSeries = new UniformHeatmapRenderableSeries(wasmContext, { dataSeries: heatmapDataSeries, colorMap: new HeatmapColorMap({ minimum: 0, maximum: 200, gradientStops: [ { offset: 0, color: "#00008B" }, { offset: 0.2, color: "#6495ED" }, { offset: 0.4, color: "#006400" }, { offset: 0.6, color: "#7FFF00" }, { offset: 0.8, color: "#FFFF00" }, { offset: 1.0, color: "#FF0000" } ] }) }); // Add heatmap to the chart sciChartSurface.renderableSeries.add(heatmapSeries);