Forums

I understand how to bind properties when using WPF WVVM but in my case I am using SciChart hosted in an ElementHost so I’m doing everything in Windows Forms code behind.

I have draggable vertical line annotations working but I need to get the coordinates as the user drags them. Is that possible?

hi:
As shown below, I want to fill different colors between the two lines according to my own rules,

I first adopted scheme 1: use FastBandRenderableSeries, but it has default rules, according to the size of Y1 and Y2, fill between Y1 and Y2 Predefined FillY1 and FillY2; 
I can't change this behavior by implementing IFillPaletteProvider. 
So I switched to Scenario 2: Use two FastLineRenderableSeries to form the band, but I don't know how to fill the color between the two FastLineRenderableSeries.
Does scichart support filling color between two lines according to custom rules?   my scichart version is 6.3.0.13476 
Please give me some help or advice.

thanks very much.

I am building a real time chart to display ECG data. I would like to, on the fly, be able to change the amount of time displayed on the x axis. In other words, the user can select the number of seconds of ECG data being displayed. The display sweeps across the time range then throws out old data after the sweep reaches the end of the time range then restarts at the beginning of the chart.

To do this, I am using a Fifo series and I am setting up the FifoCapacity to be just large enough to hold the desired number of seconds of data (sample rate x desired number of seconds). I also set the XVisibleRange to be equal to the desired time range. This works fine – the waveform sweeps to the end then restarts the trace. Now, when the user wants to change the time range (say from 6 seconds to 10 seconds of data for example) I think I need to do the following:

1. create a new xyDataSeries with the FifoCapacity set at the new value of sample rate x desired number of seconds
2. copy the data from the old series into the new series so it’s not lost from the chart
3. bind the new series into the FastLineRenderableSeries DataSeries
4. update the XVisibleRange to the new time range

Is this correct? If yes, how do I copy the data from the old series into the new series. I looked over the api documentation but it’s not clear to me. I see a clone() method but this is not what I want since I want a different FifoCapacity. Instead of creating a new series and copying old data into it, can I simply change the FifoCapacity property on the existing series?
Thanks for your help.

Hi,

I’m learning SciChart, and tried following this tutorial https://www.scichart.com/example/wpf-chart/wpf-3d-chart-example-add-objects-to-3d-chart/. I tried adding a mesh I generated in blender, as well as using the knight piece from the same source as the example. It looks to me like the normal vectors on the objects are inverted. This is definitely not a problem with my model, as multiple other .obj viewers don’t have a problem displaying my mesh, and the knight piece isn’t mine anyway. I exported the example into Visual Studio and it worked fine, all the pieces were solid. Does anyone have any idea what I’ve goofed here?

So, i am currently evaluating Scichart for a realtime monitoring application. One of the key requirements will be a gantt-style chart with one axis being time, the other being specific work channels. A single series might have entries across multiple channels. Additionally, I’d want to be be able to show subgroups from a particular series point and stack the bars next to each other in the same channel. Is this possible in SciChart? If so, what would be the best way to implement this?

The project is developed on SciChart JS.

The x axis is date time numeric and y axis is numeric.

There is a option for the user to select the x axis interval. The interval values are 5 Min, 10 Min, 15 Min, 30 Min, 1 Hour, 6 Hour, 12 Hour, Days, Weeks, Months & Years.

When the user the selects a interval in the select option, the x axis should be updated with the selected interval.

For Example, If the user selects the 5 Min in the select option, then the x axis interval should be 5 Min.

For 5 Min X Axis Interval

16-Jan-2023 07:00
16-Jan-2023 07:05
16-Jan-2023 07:10
16-Jan-2023 07:15
16-Jan-2023 07:20
16-Jan-2023 07:25
16-Jan-2023 07:30

For 1 Hour X Axis Interval

16-Jan-2023 07:00
16-Jan-2023 08:00
16-Jan-2023 09:00
16-Jan-2023 10:00
16-Jan-2023 11:00
16-Jan-2023 12:00
16-Jan-2023 13:00
16-Jan-2023 14:00

So let me know how to change the interval in the x axis (date time numeric) based on the selection.

I have attached the zip file which contains the HTML file.

Have you guys ever seen the attached stack trace? It appears to happen when our view model gets activated and the annotations get unbound and rebound quickly during view model activation. It’s difficult to reproduce and is very specific to certain view models so I’m not going to try to create a sample application that has the issue, but perhaps you’ve seen the stack trace before or know something about it.

Thanks for any help!
Matthew

Hello.
Is there a way to hide points out of the Visual Range in SciChart3DSurface?

I would like a custom cursor.
I want the Y axis label like the one with the cursor.
The X axis label with steps like the one with the rollover (not seeing intermediate values as the cursor do for the X axis label).

If I do a drag and drop, I want a ruler to measure a distance in X unit (DateTime), and Y unit (double price).

I assume it would be done with 2 chartmodifier, one with the cursor, the other for the ruler.
The first one is always active, and the second one only while the left mouse button is down.

Do you have a code sample to help me ?

I have a real time updated chart with very large data size and I am facing the slow client problem. i.e. The data sending speed is faster than the data receiving and handling speed which causes memory growing up issue. I am trying to use Web Workers to increase the data handling speed in frontend. I have found a related post:

https://www.scichart.com/questions/wpf/is-xydataseries-safe-to-being-changed-in-a-separate-thread

It seems possible to update XyDataSeries in the background thread with WPF. My UI is built with NextJS. I tried to use Web Workers to implement multiple threads. But I found that it can’t pass the SciChartSurface or XyDataSeries to the worker thread. Could you show me an example on how to update XyDataSeries in the worker thread with Web Workers?

Imagine I have a chart with a RolloverModifier, such that I see the point marker, and also a CursorModifier so I see the axis labels with the exact value I’m hovering.
This chart has the axis title hidden, and also the labels hidden, so I can really only see them trough the CursorModifier axis labels.
Since the axis title and labels are hidden, the axis labels spawn inside the chart, and the point marker from the RolloverModifier may be drawn on top of the labels.

I’d like to properly control drawing order here, so my axis labels get prioritised.
Is there a way to do so?

Codepen example: https://codepen.io/jrfv/full/VwqVBdo

Hello,
I am currently evaluating the chart library, and plotting a FastLineRenderableSeries with an Ellipse PointMarker.
This displays exactly the graph I want. However, I would like that when the user hovers over a point, the point would highlight and he can see a tooltip showing what is the exact X value and the exact Y value.
Example of what I would like : http://www.highcharts.com/demo/line-basic
Would be even better if when hovering over the line the “nearest” actual point were highlighted with the tooltip.
I have tried a quick search and haven’t come up with the solution yet, note I am new to the library.
Thanks

Hi –

I could not find an example in the various examples your provide

I have several charts in different components

When a component is closed I want to ensure the chart is destroyed and there is not potential for memory leak

What is this best way of doing this?

Thanks

Hi, we are using CategoryAxis to display stock data, however, as you can see in the image below, within the “same” candle or volume, divergent information is displayed.

am I doing something wrong?

I want to put multiple Line Charts on a standard WPF TabControl. One Chart per tab.
Each tab should show a different chart with, in general, a different range on its X axis.
After a chart on a tab has been panned or zoomed, then after switching to another tab and then returning to the original tab, then the original X axis values should be preserved.
My problem is that I end up with a behaviour that looks like all the charts share one X axis.

So my question is how can I achieve the desired behaviour?
I did try databinding XAxis and, later, XAxes, but I ended up with the same behaviour.
Thanks in advance to anyone that can help me out with this.

Here is the briefest example I could construct that displays the problem.
It simply displays 3 tabs with different ranges of X values and AutoRange set to “Once”.
When it runs, all 3 charts are displayed with the same X axis range which is only correctly autoranged for the first tab.
The attached images are screenshots of the three tabs.

Here is my XAML:

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:SciTest" xmlns:s="http://schemas.abtsoftware.co.uk/scichart" x:Class="SciTest.MainWindow"
    Title="MainWindow" Height="300  " Width="500">
<Window.DataContext>
    <local:RSeriesSourceList/>
</Window.DataContext>


<DockPanel>
    <TabControl ItemsSource="{Binding}">
        <TabControl.ItemTemplate>
            <!--This dictates what goes in the Tab header-->
            <DataTemplate>
                <TextBlock Text="{Binding Title}" />
            </DataTemplate>
        </TabControl.ItemTemplate>
        <TabControl.ContentTemplate>
            <!--This dictates what goes in the tab page-->
            <DataTemplate>
                <s:SciChartSurface RenderableSeries="{Binding RSeries}">
                    <s:SciChartSurface.XAxes>
                        <s:NumericAxis/>
                    </s:SciChartSurface.XAxes>
                    <s:SciChartSurface.YAxes>
                        <s:NumericAxis AutoRange="Always"/>
                    </s:SciChartSurface.YAxes>
                </s:SciChartSurface>
            </DataTemplate>
        </TabControl.ContentTemplate>
    </TabControl>
</DockPanel>

And here is the code-behind for the Data Context

    class RSeriesSource
{
    public String Title { get; set; }
    public ObservableCollection<IRenderableSeries> RSeries{get;set;}
    static Random rnd = new Random(); //for generating example data
    public RSeriesSource()
    {
        RSeries = new ObservableCollection<IRenderableSeries>();
    }
    public static RSeriesSource Example(int n)
    {
        RSeriesSource res = new RSeriesSource();
        res.AddRS(n);
        res.Title = "S" + n.ToString();
        return res;
    }

    FastLineRenderableSeries AddRS(int offset)
    {
        XyDataSeries<Double, Double> Series = new XyDataSeries<Double, Double>();
        for (int ix = 0; ix < 10; ix++)
        {
            Series.Append(offset * 5 + ix, offset + rnd.NextDouble());
        }
        FastLineRenderableSeries res = new FastLineRenderableSeries();
        res.DataSeries = Series;
        //if (yAx != null)
        //    res.YAxisId = yAx.Id; //Use the Id NOT the axis
        RSeries.Add(res);
        return res;
    }
}

class RSeriesSourceList : ObservableCollection<RSeriesSource>
{
    public RSeriesSourceList()
    {
        for (int i = 0; i < 3; i++)
        {
            Add( RSeriesSource.Example(i));
        }
    }
}

Hello, first let me say this is a awesome product.

I’m trying to implement sweeping scroll on SciChart. I have read the following article
http://support.scichart.com/index.php?/Knowledgebase/Article/View/17233/37/how-to-create-a-sweeping-ecg-chart
and was able to implement it, but i have one small issue.

First my x axis is TimeSpanAxis, i need ticks to move appropriately. In chart presented with uploaded image, time base of X axis is fixed with VisibleRange from 0-10. I need tick on new trace that comes from left side to add ticks in order like 11-12-13… and old axis to lose oldest ticks like 0-1-2… So when i add new tick on left side trace, oldest tick on right side trace will disapper

Best regards

For the image in attachement, the user choses which charts he wants to see. How do we align the y-axis labels to the right against the axis?

Is there any way to change the y axis values according to the unit?

For example,

I am plotting the resistance value in Y axis, initially the values were in ohm and suddenly it changes to mega ohm since it is a live graph, then the values which we were shown in ohm should be converted to mega ohm and display in the graph.

Is there is any options available in Scichart in this scenario?

Hello,

This might sound like a newbie question (well it is) but I was wondering how this would work.
We have a application made in python that receives data over ethernet or serial, processes it, saves data in a file and then also shows it either in graph or in value. The GUI also has buttons, drop downs and what not to select IPs, serial COMs and send commands. The problem is some issues on processing the data and customization of graphs (among others).

Scichart seems to allow all this and the idea was to make 1 or more threads for the data receiving/sending and processing and then have the GUI thread.
From the examples it seems like everything must be made in C# is this correct? I am more accustomed to C++ .

Hello,

is there a way to update the X-Axis Values within an XYDataSeries?
What I found was the Update function to update the Y-Values.
https://www.scichart.com/documentation/win/current/webframe.html#SciChart.Charting~SciChart.Charting.Model.DataSeries.XyDataSeries%602~Update.html

But I can’t figure out how to update the X Values of the DataSeries.

The XyzDataSeries3D does support the functionality to update also the X Value.
https://www.scichart.com/documentation/win/current/webframe.html#SciChart.Charting3D~SciChart.Charting3D.Model.XyzDataSeries3D%603~Update.html

But for the NonUniformGridDataSeries3D I can’t figure out how to update any point.

Maybe I am missing something, just let me know.

Best Regards,
Nick

Hi

I would like to do some logic after zooming in but can not find to witch event I should subscribe or overwrite ?

SciChart 3.1.0.5175
iOS 13.5
Xcode 10.15.5

If I am using the API incorrectly please let me know. I am not aware of any requirement to wait after using the SciChart API.

It appears the SCILegendModifier has some kind of timing bug. If you draw a chart on a surface with a legend, then clear the chart, then add another plot to the same surface you will notice the legend has stale data. However, if you clear the surface and wait a second before you add the new plot it will work as expected.

I created a sample Xcode project to demonstrate the issue. See the attachment chart.zip

I also created a video to demonstrate the issue: https://youtu.be/1JBTd1sfVgI

I have a workaround so this is not urgent, but I would like to remove the delay for my production release.

Hi,

I have some questions about the vertical slice modifier.

1: I have a scrollbar surface that is always visible and numerous tabs with numerous charts. The scrollbar binds to a common shared x visible range property. I have a vertical slice on the underlying surface that shares a common X1 binding to all the other charts too. The problem is that the scrollbar is over the top of the vertical slice, making it impossible to drag from the master surface. Is there a way to bring this to the front?

    <s:SciChartSurface.XAxis>
        <s:NumericAxis x:Name="AxisX" TextFormatting="0" DrawMajorGridLines="False" DrawMinorGridLines="False" DrawMajorBands="False" Visibility="Visible" AutoRange="Always"/>
    </s:SciChartSurface.XAxis>

    <s:SciChartSurface.YAxis>
        <s:NumericAxis DrawMajorGridLines="False" DrawMinorGridLines="False" DrawMajorBands="False" AutoRange="Always" Visibility="Collapsed"/>
    </s:SciChartSurface.YAxis>

    <s:SciChartSurface.ChartModifier>
        <s:ModifierGroup>
            <s:VerticalSliceModifier Name="sliceModifier" ShowTooltipOn="Never">
                <s:VerticalSliceModifier.VerticalLines>
                    <s:VerticalLineAnnotation Style="{StaticResource sliceStyle}" X1="{Binding SlicePosition, Mode=TwoWay}"/>
                </s:VerticalSliceModifier.VerticalLines>
            </s:VerticalSliceModifier>

        </s:ModifierGroup>
    </s:SciChartSurface.ChartModifier>

</s:SciChartSurface>

<s:SciChartScrollbar x:Name="scrollOverview" 
                     Grid.Column="0" 
                     Grid.Row="2" 
                     Height="30" 
                     Margin="0,0,0,20" 
                     Axis="{Binding Source={x:Reference Name=AxisX}}" 
                     Style="{StaticResource ScrollbarStyle}"  
                     SelectedRange="{Binding SharedXVisibleRange, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">

</s:SciChartScrollbar>

2: I’m using a legend modifier that shows the latest live FormattedYValue for the series. This works great while it’s live but when I stop the data input and use vertical slive, is there a way to inject the y value of the vertical slice position into the legend value?
Currently I’m hiding the live values and showing the vertical slice tooltip instead which I feel is a little too messy for my liking. I’d rather just update the legend value.

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

        <!--  Binds to SeriesInfo.IsVisible to show and hide the series  -->
        <CheckBox Grid.Column="0"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Center"
                  Foreground="{Binding Stroke, Converter={StaticResource ColorToBrushConverter}}"
                  IsChecked="{Binding IsVisible, Mode=TwoWay}"
                  Style="{StaticResource DataSeriesCheckBoxStyle}"
                  />

        <!--  Series name (SeriesInfo.SeriesName)  -->
        <TextBlock Grid.Column="1"
                   MinWidth="70" 
                   Margin="2,0,0,0"
                   HorizontalAlignment="Left" 
                   VerticalAlignment="Center"
                   Text="{Binding SeriesName}"
                   FontSize="10"
                   Foreground="{Binding Stroke, Converter={StaticResource ColorToBrushConverter}}"
                   />

        <!--  Live Value  -->
        <TextBlock Grid.Column="2"
                  Margin="10,0,5,0"
                  HorizontalAlignment="Right"
                  VerticalAlignment="Center"
                  FontSize="10"
                  Text="{Binding FormattedYValue}"
                  Foreground="{Binding Stroke, Converter={StaticResource ColorToBrushConverter}}"
                  Visibility="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}}, Path=DataContext.ShowLiveValues, Converter={StaticResource BooleanToVisibilityConverter}}"
                   />

    </Grid>
</DataTemplate>

3: Is there a way that a single click on a surface could make the vertical slice jump to the click position? I’d also like to be able to double click drag the zoom/pan modifier instead of single click drag.

Thanks in advance,

Declan.

Hi,
i’ve a Example as Screenshot. What i want to do is to draw and move two Lines on Scichart and draw the difference between the two Lines on an Arrow.
Did anyone know a possibility to do this ?
Thanks in Advance

Is there an easy way to rotate the Chart(swapping X and Y-Axis) inclusive Annotations, Modifiers,…?

Hi. I’m trying to add 3DChart to my vue project. And I have a question about the configuration. Can I download .data and .wasm files from the CDN.

For 2D charts , I’ve used recomendation of your release v.2.2:
SciChartSurface.useWasmFromCDN()
It works for me. How I can use CDN for SciChart3DSurface?

Hi All,

Newby question here – we’re just getting our heads around SciChart at the moment so please bear with me.

Having acquired our data the chartSurface is populated using a RenderableSeries with an XyDataSeries consisting of DateTime/double datapairs. Everything is fine and we can do lots of panning and zooming etc.

The problem comes when I attempt to put a VerticalLineAnnotation on the graph on a response from a mouseclick (as per the example code). When I attempt to get coordinate calculator with
var coordinateCalculator = this.sciChartSurface.XAxis.GetCurrentCoordinateCalculator();
It throws an exception as XAxis is null!

Can someone explain what we are missing or point us in the right direction in general.

Thanks in advance
/Stu

I download the iOS library via cocoapods. Today running ‘pod update’ results in the error below. It seems the ZIP file is not available on the server.

Installing SciChart 4.4.1.5847 (was 4.4.1.5840)
[!] Error installing SciChart
[!] /usr/bin/curl -f -L -o /var/folders/mr/0skn4y5d1t99bcvzd09g_wdr0000gn/T/d20221217-6770-1dkgzs/file.zip https://github.com/ABTSoftware/PodSpecs/releases/download/v4.4.1.5847/SciChart_iOS_4.4.1.5847.zip --create-dirs --netrc-optional --retry 2 -A 'CocoaPods/1.11.3 cocoapods-downloader/1.6.3'

curl: (22) The requested URL returned error: 404

I tried to download the zip file manually and it failed. When I modified the URL to download the previous release (4.4.1.5840) it worked.

How do I change the selection marker of an annotation? It seems to default to green squares of a certain size, which is all I can find in your examples. I tried to search the knowledgebase and forums but could not seem to find this answer. I would like to be able to control the color, shape, and size of the selection indicators for each annotation in my chart.

Thanks.