Forums

In SciChart JS there doesn’t appear to be a Javascript version of NonUniformGridDataSeries3D.

As this exists in WPF, can the logic just be ported across or made publicly available?

Expected: While panning over x-axis, column width stays visually constant and empty data ranges remain visually empty.
Actual: When the visible x-axis range contains little or no data, stacked columns grow very wide to fill the available space.

Any ideas how to disable auto-stretch of columns?

How to change background and text color of the boxes with the values appearing when presenting tooltip?
Currently the box is green and text color is white as shown in the picture.

Hi,

I have an application where I can potentially create, plot and export (as png) hundreds of graphs. It all runs smoothly but the “ExportToFile” method of the SciChartSurface. It seems to never de-allocate the memory it uses even after disposing the SciChartSurface itself. After a few hundred graphs, the application ends up using 70Gb+ of ram but if I just comment out the ExportToFile line, the application never uses more than 2Gb of ram (as expected).

I’ve tried putting:
GC.Collect();
GC.WaitForPendingFinalizers();
…both after the ExportToFile and after disposing the graphs, but it makes no difference.

Has anyone experienced this issue? Is there anything else that I can try?

Thanks
/Daniel

Does SciChart support AvaloniaUI?

Is it also possible to use it in flutter?

Hello SciCharts team,

I would like to request a feature,
currently paletteProvider is not supported by FastBoxPlotRenderableSeries, which is useful for our case for visual feedback on selected box plots.

Kindly requesting you to add this feature,

Thanks, Regards

Hello,

I have a wpf application that has several SciChartSurface, each of which has a DateTime axis for the x-axis.
I am currently using MVVM to bind data to the axes.

I want to display a custom band on the x-axis but am having difficulty. depending on the data there could be one or more bands to display.

For example if the date range is from 2/3/2026-2/4/2026, there may be a band that needs to be shown from 2/3 10:00-11:00 and one from 2/3 14:00-14:25.

Can you point me to any examples that may show how to accomplish this?

Regards.

We have discovered that Scichart is leaking memory on one of our machines.

Setting VisualXcceleratorEngine.IsEnabled=false prevents the memory leak.

In trying to produce a minimum reproduction I found that all I needed was a blank new WPF project with an empty SciChartSurface on it (https://grinstallers.blob.core.windows.net/public/Scichart%20Memory%20leak.zip as it would not let me attach it here).

Simply resizing the window would cause the leak. I have linked to a screen recording showing the leak occurring in real-time (https://grinstallers.blob.core.windows.net/public/Screen%20Recording%202024-11-21%20132048.mp4). The machine with the issue has an AMD Radeon RX 640 video card and I do not get the same leaking behaviour on another machine with Intel UHD Graphics 770. I have updated all drivers to the latest version and the leak still happens.

A memory dump of the process shows the majority of memory is unmanaged (Managed heap = ~450MB of 10GB).

I have gone back as far as version 8.0.0.27737 and the leaking behaviour is still there.

I have noticed in official demos as well that when using DataPointSelectionModifier with drag select the last index point wont get selected. This is really annoying as the click functionality works but only drag for last index does not

Hello SciChart Team,

I would like to report an issue regarding WebGL1 support in SciChart v5+.

I am aware that WebGL1 support was removed starting from v5, and that the engine now requires WebGL2.
However, in my environment this is a hard limitation, and WebGL1 is still required due to legacy hardware and GPU constraints.

I performed multiple tests and can confirm the following:

SciChart v3 works correctly using WebGL1

SciChart v5+ does not render or fails to initialize on the same machine

The browser reports that WebGL2 is not available, only WebGL1

The same chart logic and dataset work perfectly in v3, but fail in v5+

This confirms that the issue is not related to the chart configuration, data, or memory usage — the only difference is the WebGL backend requirement.

Unfortunately, in my case, upgrading the hardware or enabling WebGL2 is not possible at the moment, so WebGL1 compatibility is still necessary.

I would like to ask:

Is there any official or experimental fallback to WebGL1 in v5+?

Is there any internal flag, build option, or legacy bundle that still supports WebGL1?

If not, is there any recommended migration path for environments that do not support WebGL2?

Thank you very much for your attention and support.

Best regards,
Júlio Soares

Hello,

I am trying to add multiple Y axis to this example:
https://github.com/ABTSoftware/SciChart.JS.Examples/blob/master/Examples/src/components/Examples/Charts2D/ModifyAxisBehavior/VerticallyStackedAxes/drawExample.ts

What I want to achieve is to add an additional Y axis which would display the index of the loop. I have tried to make the first yAxis isVisible to false and add the additional one but it seems that it creates a blank chart (extra blue lines in the image attachment) with the index label + the number range. At the end vertically stacked axes are doubled instead of showing just the index.
I am attaching the images and the running example. Maybe there is an easier way to show the index of the loop of the particular graph while not displaying the number range?

Any help would be kindly appreciated.

I’m attempting to create a custom CursorModifier to display series information aggregated across multiple SciChart surfaces into a single tooltip. These surfaces are synced via the VerticalChartGroupId with the charts displayed as part of an ItemsControl using MVVM. The default behavior only shows information for the series in the subpane where the mouse is. This makes sense given the CursorModifier is local to the subpane and set via a DataTemplate assigned to the ItemsControl.ItemTemplate.

To create a “global” CursorModifier, I’m guessing I need to override the GetSeriesInfoAt method of CursorModifier. I have access to all the IRenderableSeriesViewModels across all the subpanes via the parent view model. My question is how can I access the appropriate SeriesInfo object for each of these renderable series in order to return an enumerable of SeriesInfo objects? These should be the appropriate derived type (e.g. OhlcSeriesInfo, BandSeriesInfo, etc.) so that my template selector can do its thing. Thank you!

Lawson

Hello Team,

I am using Sci 2D chart(version 8.9.0.28766) in c# .net WPF MVVM. I have 3 Fastline series with more than 16400 points changing every 2 sec with fixed x and y axis. I am following the SciChart_PointMarkersSelection example to use point markers.
Issue I am facing,

1. the point disappears as the data changes. I want the points to be persistent and moving with the new y values.
2. I want to add the fixed x values and changing y values of the selected points in a data grid
3. The user should be able to change the x values in the data grid and the point should move accordingly.
4. I want to get the data back to the observable collection in the View model.

The example is does not have realtime data changing every 2 min and the point marker x and y values are displayed on the UI as List.

Is this the right option to use PointMarkersSelection modifier? If not please suggest any alternative method to achieve the above goals.

I was thinking of putting the selected points in to a scatter chart and add it to the same IRenderableSeriesViewModel and update the corresponding y values as the new data comes in.
But my problem is, how should i get the nearest actual point in the data set and send it from UI to the view model to populated the scatter chat?

Many years ago, SciChart tech support provided me with code for a RollerMarkerHelper class. I implemented this in VB.net, but I’ve attached a C# version which I just created using an automated translator. This code takes as arguments a RenderableSeries and a style template. I used this, along with a very simple style template such as the one shown below, so that I could display a gray circle over whatever point the cursor was over. (This is useful in my particular application.)

But I’m implementing a new application in C# using the MVVM approach (e.g., LineRenderableSeriesViewModel). How can I modify the RollerMarkerHelper class to handle this, or is there another approach I should use?

    <ControlTemplate x:Key="SpectrumRolloverMarkerTemplate">
        <Ellipse Width="7" Height="7" Fill="SlateGray" Stroke="SlateGray" StrokeThickness="1" />
    </ControlTemplate>

Hi folks,

In the old days, text annotations were implemented using a CustomAnnotationsChartModifier which would bind to a collection of TextAnnotationViewModels. The TextAnnotationViewModel included tool tip text in addition to the main text and the coordinates.

In the current SciChart, eventualy we now bind a collection of IAnnotationViewModels to the SciChartSurface’s built-in Annotations property. But these viewmodels do not implement a member for tool tip text.

How can I replicate my old code, which dynamically created and displayed text annotations which implement a ToolTip as well?

Hi everyone,

i’m just looking for a polar chart that can plot 3D-Data like Heatmap Chart. Anyone has an idea about it?

I would like to create a polar heat map .

Is it possible to create one using the current types – I have looked a the examples and just don’t see an obvious choice.

I have attached an example of a polar heat map.

Hi folks,

I’m using MVVM and need to implement hit tests. I found this post from nine years ago, saying it’s not yet implemented:
https://www.scichart.com/questions/wpf/hit-testing-a-renderableseriesviewmodel

Surely you have a solution by now? What is it?

Thanks,
–George

Hi,
I’m working on a feature for wpf application where there will be multiple tab controls and each tab control can be able to plot the graphs . So I have a usercontrol with scichartsurface which is bound to dataseries of type LineRenderableSeriesViewModel. User should be able to close all the tabs one by one. But when we are closing the last tab the application is getting crashed with no logs being caught at wpf level unhandled exception. But getting the below message while debugging, for –
Exception {“Attempted to read or write protected memory. This is often an indication that other memory is corrupt.”} System.AccessViolationException

The usage of the scichart is as follows:

this scichartsurface is being placed inside an usercontrol and the user control is used as template to document page for docking manager control

Package used for scichart:
SciChart3D-8.5.0.28148
SciChart.DirectX-8.5.0.28148

Any guidance on the correct disposal/teardown pattern for SciChart in a multi-tab scenario, or known workarounds for last-surface shutdown, would be greatly appreciated.

We need to make heatmaps of our data and don’t know the type of data variables until runtime. Because of this I am switching the axes like so in XAML:

…

The key is that I’m a custom LabelProvider class to convert any categorical values into the appropriate label for the axes. I would have liked to use a CategoryNumericAxis for both axes, but for some reason it seems you can’t so I’m using a NumericAxis.

All data values are coming in as 0, 1, 2,… for the categorical variables.

I am running into two issues with the axes. First is that the last category is cutoff prematurely and I’d like to align the labels with the center of the category not the left edge. These issues appear with the CategoryNumericAxis.

The second issue is that I’m having issues aligning both the values and controlling the number of what I guess are the tickmarks for the Y axis since it doesn’t know it is categorical data. Is there any (easy) way to handle the Y axis for categorical data?

Attached is an image of what the plots are looking like:

I’d like to make a live circular heatmap chart like the following:
https://photos.google.com/photo/AF1QipOaJQMot-4PyH-MxKetV6fe5lOIXbOv1TDUujBa
The best way I can think to do this would involve polar coordinates, but from what I can see in the documentation that is only an option in WPF, not Android or iOS. Do you know of any workarounds that would make this possible? I’m not a current customer, but if there’s an easy solution to this, that would likely win me over.

I’m developing apps in swiftui and compose. Basically, the code where I update the backing XyDataSeries is separate from where the actual render surface is. This mostly works fine in ios, but I’m noticing some flickering in android. At the end of the update the charts render fine, but I ‘m pretty sure I should be suspending the updates until my block of data series are all updated. The problem is getting the surface instance back to where the data series are being updated (which I can do, but it just makes things more complicated on my end because of the view hierarchies in swiftui and compose).

Is there a way to globally suspend updates across all rendered surfaces (without requiring explicit references to those surfaces)? If not, can I request this feature?

Hello,

I am using SciChart within an AndroidView in Compose.
The Android View itself is limited in height (not full height) and lies within a Column which can be vertically scrolled. The problem is, that the vertical Scroll of the Column collides with the gestures of SciChart, as you can see in the screen recording attached.

I tried to disable the vertical scroll when the user interacts with SciChart, which works, but this is not what we want and not reasonable. We want to be able to interact with the graph and keep the other logic unharmed.

I also tried to intercept with an onTouchListener, but it seems as I can’t tell SciChart which gestures to recognize and which not.

I am working around this issue for a long time now and now I’m asking you for help.
Right now we are in trial mode, whether we purchase and licence SciChart depends on the result on this.
We have a similar problem on iOS, but I want to target Android first.

Do you have any suggestions or ideas on this topic?

Thank you!

Best regards,
Markus

Hi,

I have implemented the SciChart framework in my Mac application. I am using SciChart version 4.6.0.5945.

1. When I add a modifier to the chart, it draws a green vertical line that extends beyond the chart surface height. Below, I have attached a screenshot.

2. How can I read the stroke color of a FastLineRenderableSeries from a custom rollover modifier class?

3. I am using a real-time animated graph to plot my values. While it is animating, I can’t zoom and pan the chart view easily because of this rollover modifier.

4. I continue running the animated graph even when I switch to other tabs or views. However, when I return, the rollover modifier does not display the label on mouse over.

I isolated the source of the memory leak I was debugging on iOS to whether or not the labels are enabled in version 4.6.0.5945. The leak is only present in the latest version. Reverting back to 4.5.0.5903 with re-enabled the axis labels, I do not experience the memory leak. I am plotting real time data points about as quickly as they can be received over BLE on iOS to exercise this leak. Screenshots are attached of same code running against 4.6.0.5945 and 4.5.0.5903.

“`

private func setupChart() {
DispatchQueue.main.async { [weak self] in
guard let self = self else { return }
SCIUpdateSuspender.usingWith(self.surface) {
// Clear everything first
self.surface.xAxes.clear()
self.surface.yAxes.clear()
self.surface.renderableSeries.clear()
self.lineDataSeries.removeAll()

// Apply theme based on dark mode setting
self.updateTheme()

// Setup axes
let xAxis = SCIDateAxis()
if let label = self.xAxisLabel {
xAxis.axisTitle = label
}
xAxis.autoRange = .always

// EXPERIMENT: Disable axis labels to test for memory leak
let xExperiment = true
xAxis.drawLabels = xExperiment
xAxis.drawMajorTicks = xExperiment
xAxis.drawMinorTicks = xExperiment

let yAxis = SCINumericAxis()
yAxis.autoRange = .always
yAxis.scientificNotation = .normalized
if let label = self.yAxisLabel {
yAxis.axisTitle = label
}

// EXPERIMENT: Disable axis labels to test for memory leak
let yExperiment = true
yAxis.drawLabels = yExperiment
yAxis.drawMajorTicks = yExperiment
yAxis.drawMinorTicks = yExperiment

self.surface.xAxes.add(items: xAxis)
self.surface.yAxes.add(items: yAxis)

// Create renderable series for each column (if we know how many)
if self.actualColumns > 0 {
for i in 0..<(self.actualColumns-1) { // -1 because first column is timestamps
let series = SCIXyDataSeries(xType: .date, yType: .double)
series.fifoCapacity = self.fifoCapacity // Use the class property

// Use provided config if available, otherwise generate default
let config: LineSeriesConfig
if let configs = self.providedLineConfigs, i < configs.count {
config = configs[i]
series.seriesName = config.name
} else {
config = LineSeriesConfig(
name: “Channel (i+1)”,
color: self.defaultColor(for: i),
thickness: 2.0
)
series.seriesName = config.name
}

let lineSeries = SCIFastLineRenderableSeries()
lineSeries.dataSeries = series
lineSeries.strokeStyle = SCISolidPenStyle(color: config.color, thickness: config.thickness)

self.lineDataSeries.append(series)
self.surface.renderableSeries.add(lineSeries)
}

// Initialize modifiers
self.updateModifiers(showLegend: self.showLegend, showInspect: self.showInspect)
}
}
}
}

“`

Instruments showed leaked memory coming from SciChart:

_malloc_type_calloc_outlined
class_createInstance
+[_CTNativeGlyphStorage newWithCount:capacity:]
TTypesetterAttrString::Initialize(__CFAttributedString const*, bool)
TTypesetterAttrString::TTypesetterAttrString(__CFAttributedString const*, __CFDictionary const*, bool)
CTFramesetterCreateWithAttributedString
DrawAttributedString /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Core/Utility/NativeCategories/CoreGraphicsExtensions.h:56
-[SCIDrawableText p_SCI_drawToCGContext:attributedString:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Drawing/Common/SCIDrawableText.m:140
-[SCIDrawableText tryDrawToCGContext:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Drawing/Common/SCIDrawableText.m:134
-[SCIAxisTickLabelsRendererComponent p_SCI_drawTickLabelsOnCGContext:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Axes/AxisRenderers/AxisTickLabelsRenderers/SCIAxisTickLabelsRendererComponent.mm:133
-[SCIAxisTickLabelsRendererComponent onDrawWithContext:andAssetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Axes/AxisRenderers/AxisTickLabelsRenderers/SCIAxisTickLabelsRendererComponent.mm:103
-[SCIDefaultAxisRenderer onDrawWithContext:andAssetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Axes/AxisRenderers/SCIDefaultAxisRenderer.m:0
-[SCIAxisBase onDrawAxisWithContext:andAssetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Axes/SCIAxisBase.mm:552
-[SCIAxisBase onDrawWithContext:andAssetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Axes/SCIAxisBase.mm:546
-[SCIRenderSurfaceRenderer p_SCI_drawAxes:assetManager:axes:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Rendering/SCIRenderSurfaceRenderer.m:467
-[SCIRenderSurfaceRenderer p_SCI_drawAxesWithContext:assetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Rendering/SCIRenderSurfaceRenderer.m:0
-[SCIRenderSurfaceRenderer p_SCI_drawWithContext:assetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Rendering/SCIRenderSurfaceRenderer.m:305
-[SCIRenderSurfaceRenderer p_SCI_renderLoop:assetManager:renderPassState:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Rendering/SCIRenderSurfaceRenderer.m:97
-[SCIRenderSurfaceRenderer onDrawWithContext:andAssetManager:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Charting/Visuals/Rendering/SCIRenderSurfaceRenderer.m:87
-[SCIRenderSurfaceDrawable2D drawFrameIn:withDrawableSize:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Drawing/Twister/SCIRenderSurfaceDrawable2D.mm:54
-[SCITwisterRendererBase drawFrameIn:withDrawableSize:] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Drawing/Twister/SCITwisterRendererBase.mm:92
-[SCIMetalRenderSurfaceBase draw] /Users/andrewburnett-thompson/Documents/buildAgent/work/f9370f90a7c5ff8f/dev_root/iOS/src/SciChartFramework/SciChart/Drawing/Metal/SCIMetalRenderSurfaceBase.m:131
-[CALayer display]

Hey,
I’m working on a feature where users can edit DataPoint position directly on a chart by dragging them with the mouse, and I would like to ask for guidance, best practices, or existing examples. I see one example for SciChart WPF but couldn’t apply that to JS because many things differ between WPF and JS.

Goal
Allow users to change the point positions of a LineSeries by dragging individual points on the chart.

Given
An FastLineRenderableSeries (XyDataSeries) with EllipsePointMarker.

When
The user clicks and holds the left mouse button on a point (EllipsePointMarker)

Then
The selected point changes its appearance (e.g., bordered or highlighted) and it is possible to move the point to change the position of it.

On Mouse Release
The point position is updated
Line and point styling return to their default state