Forums

I have a panel with two charts, that contains a OhlsDataSeries and theirs XAxis is DateTimeAxis. When it zooms i see a something strange:

My code:

<s:SciChartSurface SeriesSource="{Binding ChartSeriesViewModels}"
                   s:SciChartGroup.VerticalChartGroup="{Binding Parent.VerticalChartGroupId}"
                   ViewportManager="{Binding Parent.ViewportManager}">
    <s:SciChartSurface.ChartModifier>
        <s:ModifierGroup s:MouseManager.MouseEventGroup="23">
            <s:ZoomPanModifier ExecuteOn="MouseLeftButton"/>
            <s:MouseWheelZoomModifier />
            <s:CursorModifier ShowAxisLabels="True" UseInterpolation="False" UseLayoutRounding="True"  ReceiveHandledEvents="True"/>
            <s:YAxisDragModifier/>
            <s:XAxisDragModifier/>
            <s:ZoomExtentsModifier ExecuteOn="MouseDoubleClick"/>
        </s:ModifierGroup>
    </s:SciChartSurface.ChartModifier>

    <s:SciChartSurface.XAxis>
        <s:DateTimeAxis VisibleRange="{Binding Parent.VisibleRange, Mode=TwoWay}"
                        TextFormatting="hh:mm dd.MM.yyyy"
                        DrawMajorBands="True"
                        GrowBy="0.0, 0.1"/>
    </s:SciChartSurface.XAxis>

    <s:SciChartSurface.YAxis>
        <s:NumericAxis AutoRange="Always"
                       GrowBy="0.1, 0.1"/>
    </s:SciChartSurface.YAxis>

</s:SciChartSurface>

And second question:
Is there any way to make the cursor sticks to the points?

Is it possible use SciChart to rotate the point markers on chart by a z value? I’d like to produce a chart similar to the attached wind chart sample from the weather underground website.

Hello,

i have a realtime chart and per default there should be AutoRange=true.
Now the user want to zoom in – the autorange prevent this.

I think, I have to switch off the AutoRange when the user zoom in and switch on AutoRange when the user doubleclick (zoomextendsmodifier). But how can I identify if the user has zoomed?

Or is there another solution?

Hey there!

How do I set the interval between grid lines to be a fixed value?

For example, my xAxis is a DateTimeAxis and I want a grid line drawn at one hour intervals, regardless of zooming.

Same goes for my yAxis (NumericAxis)

Thanks

Hi all,
I developed my application in real time where i introduce my WPF in winforms
So i developed the class Graph.xaml.cs where i defined my function :
public void CreateDataSetAndSeries(List lstX, List lstY)
{
series0 = new XyDataSeries<DateTime, double>();
using (this.sciChartSurface.SuspendUpdates())
{
series0.Append(lstX, lstY);
}
lineSeries.DataSeries = series0;
sciChartSurface.ZoomExtentsY();
}

i don’t make the code of charting in the constructor also not in the function sciChartSurface_Loaded() because i must filling those list from the winforms frame after this i make the code for zooming in the Graph.xaml :

<SciChart:SciChartSurface.ChartModifier>

<SciChart:RubberBandXyZoomModifier/>

                <SciChart:ZoomPanModifier ExecuteOn="MouseRightButton"/>
                    <SciChart:ZoomExtentsModifier ExecuteOn="MouseDoubleClick"/>

                <SciChart:CursorModifier ReceiveHandledEvents="True" ShowAxisLabels="True"  ShowTooltip="True" ShowTooltipOn="MouseRightButtonDown"/>

But the problem i have the two cursor (like the picture) but i can’t did the zoom pan (also i put stop for my application to make a Zoom but i have the same problem ) !! i am blocked in this step someone can help me it’s urgent ! and Thank you !

Hi,

i use a ZoomPanModifier so that the user can drag the chart with the right mouse. First, XyDirection was not set, so the user could drag in X and Y direction.

I wanted to change this behaviour so that the modifier works like the RubberBandXyZoomModifier (with ZoomExtentsY = false). That means, only moving the chart in X-Direction, but not Y.

So i set XyDirection of the ZoomPanModifier to “XDirection”. Now, the user can’t scroll in Y. So far so good. But now the chart is autoscaled in Y direction on the first X-Movement, even with AutoRange turned off! Is this a bug? If not, what can i do to prevent this unwanted auto scaling?

Best regards,
Robin

Hi, guys

Is it possible to draw axis line at axis area? See attachment.

I’m trying to have a two charts which have a x-axis points (datetime) that doesn’t intersect. And i want charts was synchronized like this:

How you can see here upper chart doesn’t have a point at 10.12.2013, but lower has. Can i reach same effect by SciChart?

Hello guys,

Do series have some property of it renderable type?
I founded in ‘AddRemoveSeries’ example this line

// dataSeries.RenderAs = new LineSeries() { SeriesColor = DataManager.Instance.GetRandomColor() };

Or can you tell how can i add/remove/change series and its renderable style dinamically ?

Im using this code to replace series

void Create (OhlcDataSeries<DateTime, double> ser, SeriesType s …)
{
var renderseries = new FastCandlestickRenderableSeries { };
ChartControl.RenderableSeries.Add(renderseries);
ChartData.Add (ser);
}

void Replace (OhlcDataSeries<DateTime, double> ser, …)
{
int k = GetIndex ();

 ChartData.RemoveAt(k);
 ChartControl.RenderableSeries.RemoveAt (k);
 Create (ser, type ..);

}

Is it right way? looks like pornography
I think there will be some problems with overview
Example:
we got 2 series (price(candles) and ema (line)) overview shows price chart and after we change price series type to line, overview will show ema series, not price

Hi sciChart,
I create a custom annotation base type BoxAnnotation.

<s:BoxAnnotation x:Class="ChartComponent.Annotations.TowLines"
xmlns=" http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;
xmlns:x=" http://schemas.microsoft.com/winfx/2006/xaml&quot;
xmlns:s=" http://schemas.abtsoftware.co.uk/scichart"&gt;

</s:BoxAnnotation>

I use style

<Style BasedOn="{StaticResource AnnotationBaseStyle}" TargetType="Annotations:TowLines">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="s:BoxAnnotation">
<Border x:Name="PART_BoxAnnotationRoot"
Margin="{TemplateBinding Margin}"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="{TemplateBinding CornerRadius}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2"/>
<RowDefinition Height=""/>
<RowDefinition Height="2"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=""/>

                            </Grid.ColumnDefinitions>
                            <s:HorizontalLineAnnotation Grid.Row="0" Grid.Column="0" VerticalContentAlignment="Top" Stroke="Blue" Margin="0,0,50,0" StrokeThickness="2">
                                <s:AnnotationLabel LabelPlacement="Right" FontSize="10" Foreground="White"/>
                            </s:HorizontalLineAnnotation>
                            <s:HorizontalLineAnnotation Grid.Row="2" Grid.Column="0" VerticalContentAlignment="Bottom" Stroke="Red" Margin="0,0,50,0" StrokeThickness="2">
                                <s:AnnotationLabel LabelPlacement="Right" FontSize="10" Foreground="White"/>
                            </s:HorizontalLineAnnotation>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

The label of HorizontalLineAnnotation in custom annotation not show.

Hi,

I have some plots that lay vertically, and I want them align well, how to sync the Y Axis that is located at left width to have same width of X Axis which is located at the bottom.

Thanks.

I am trying to implement the DigitalFastLine Series from the example given in ‘http://support.scichart.com/index.php?/Knowledgebase/Article/View/17224/37/how-to-make-line-series-draw-to-the-right-edge-of-the-chart’

public class LinesEnumerable : IEnumerable<Point>
{
    protected readonly IPointSeries _pointSeries;
    protected readonly ICoordinateCalculator<double> _xCoordinateCalculator;
    protected readonly ICoordinateCalculator<double> _yCoordinateCalculator;
    protected readonly bool _isDigitalLine;

    /// <summary>
    /// Initializes a new instance of the <see cref="LinesEnumerable" /> class.
    /// </summary>
    /// <param name="pointSeries">The point series.</param>
    /// <param name="xCoordinateCalculator">The x coordinate calculator.</param>
    /// <param name="yCoordinateCalculator">The y coordinate calculator.</param>
    /// <param name="isDigitalLine">if set to <c>true</c> return a digital line .</param>
    public LinesEnumerable(IPointSeries pointSeries, ICoordinateCalculator<double> xCoordinateCalculator, ICoordinateCalculator<double> yCoordinateCalculator, bool isDigitalLine)
    {
        _pointSeries = pointSeries;
        _xCoordinateCalculator = xCoordinateCalculator;
        _yCoordinateCalculator = yCoordinateCalculator;
        _isDigitalLine = isDigitalLine;
    }

    /// <summary>
    /// Returns an enumerator that iterates through a collection.
    /// </summary>
    /// <returns>
    /// An <see cref="T:System.Collections.IEnumerator" /> object that can be used to iterate through the collection.
    /// </returns>
    public virtual IEnumerator<Point> GetEnumerator()
    {
        return _isDigitalLine ?
            (IEnumerator<Point>)new DigitalLinesIterator(_pointSeries, _xCoordinateCalculator, _yCoordinateCalculator) :
            new LinesIterator(_pointSeries, _xCoordinateCalculator, _yCoordinateCalculator);
    }

    /// <summary>
    /// Returns an enumerator that iterates through a collection.
    /// </summary>
    /// <returns>
    /// An <see cref="T:System.Collections.IEnumerator" /> object that can be used to iterate through the collection.
    /// </returns>
    IEnumerator IEnumerable.GetEnumerator()
    {
        return GetEnumerator();
    }
}

However, when I try to do the following:

linesEnumerable = linesEnumerable.Concat(new[] { new Point(viewportWidth, lastYCoordinate) });

it says ‘System.Collections.IEnumerable’ does not contain a definition for ‘Concat’ and the best extension method overload ‘System.Linq.Queryable.Concat(System.Linq.IQueryable, System.Collections.Generic.IEnumerable)’ has some invalid arguments

I already have System.Linq and Collections namespace added

using System;
using System.Data;
using System.Linq;
using System.ComponentModel;
using System.Collections;
using System.Collections.Generic;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Abt.Controls.SciChart;
using Abt.Controls.SciChart.Model.DataSeries;
using Abt.Controls.SciChart.Utility;
using Abt.Controls.SciChart.Visuals;
using Abt.Controls.SciChart.Visuals.Axes;
using Abt.Controls.SciChart.Visuals.RenderableSeries;
using System.Globalization;
using System.Windows.Data;
using Abt.Controls.SciChart.Rendering.Common;
using Abt.Controls.SciChart.Numerics.CoordinateCalculators;

What’s going on here? Can you improve your sample?

Thanks!

I deleted my prior question and instead provide code that reproduces the error. I just whipped up two SciChartSurfaces in xaml and bind to properties provided in code behind. Can you please take a look and see whether you also can RubberBandXyZoom but not correctly use ZoomPan? ZoomPan is not synced between the two charts. Its been a very frustrating couple hours….without finding the bug.

public partial class TestControl : UserControl
{
    private ILabelProvider _xAxisFormat;
    private string yAxisFormat;
    private ObservableCollection<IChartSeriesViewModel> _series1;
    private ObservableCollection<IChartSeriesViewModel> _series2;
    private DateRange _sharedXRange;

    public TestControl()
    {
        //SciChartSurface.SetLicenseKey(
        //    @"
        //    <LicenseContract>
        //      ....License Code goes here
        //    </LicenseContract>

        //    ");

        XAxisFormat = new DateTimeLabelProvider();
        YAxisFormat = "0.00";

        Series1 = new ObservableCollection<IChartSeriesViewModel>(new List<IChartSeriesViewModel>() { GenerateSampleLineSeries() });
        Series2 = new ObservableCollection<IChartSeriesViewModel>(new List<IChartSeriesViewModel>() { GenerateSampleLineSeries() });

        //set shared xRange
        SharedXRange = new DateRange((DateTime) Series1.First().DataSeries.XMin, (DateTime) Series1.First().DataSeries.XMax);

        InitializeComponent();
    }

    public ObservableCollection<IChartSeriesViewModel> Series1
    {
        get { return _series1; }
        set
        {
            _series1 = value;
        }
    }

    public ObservableCollection<IChartSeriesViewModel> Series2
    {
        get { return _series2; }
        set
        {
            _series2 = value;
        }
    }

    public DateRange SharedXRange
    {
        get { return _sharedXRange; }
        set
        {
            _sharedXRange = value;
        }
    }

    public ILabelProvider XAxisFormat
    {
        get { return _xAxisFormat; }
        set
        {
            _xAxisFormat = value;
        }
    }

    public string YAxisFormat
    {
        get { return yAxisFormat; }
        set
        {
            yAxisFormat = value;
        }
    }

    private IChartSeriesViewModel GenerateSampleLineSeries()
    {
        var seriesName = "TestLineSeries" + (new Random((int)DateTime.Now.Ticks)).Next();
        List<DateTime> timeStamps = new List<DateTime>();
        List<double> values = new List<double>();
        Random rand = new Random((int)DateTime.Now.Ticks);
        DateTime currentDt = DateTime.Now;
        double currentValue = 0;

        for (int index = 0; index < 1000; index++)
        {
            currentDt = currentDt.AddMinutes(1);
            currentValue = currentValue + (rand.NextDouble() - 0.5);

            timeStamps.Add(currentDt);
            values.Add(currentValue);
        }

        var dataSeries = new XyDataSeries<DateTime, double>();
        dataSeries.SeriesName = seriesName;
        dataSeries.Append(timeStamps, values);


        var renderSeries = new FastLineRenderableSeries() { Name = dataSeries.SeriesName, DataSeries = dataSeries, AntiAliasing = false, StrokeThickness = 2 };

        return new ChartSeriesViewModel(dataSeries, renderSeries);
    }
}


<UserControl x:Class="MattLibrary.ChartLibrary.Views.TestControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:s="http://schemas.abtsoftware.co.uk/scichart"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300"
         DataContext="{Binding RelativeSource={RelativeSource Self}}">
<Grid>

    <Grid.RowDefinitions>
        <RowDefinition Height="1*"/>
        <RowDefinition Height="1*"/>
    </Grid.RowDefinitions>

    <s:SciChartSurface Grid.Row="0" SeriesSource="{Binding Series1}">

        <s:SciChartSurface.XAxis>
            <s:DateTimeAxis 
                            Visibility="Visible"
                            LabelProvider="{Binding XAxisFormat}" 
                            VisibleRange="{Binding SharedXRange}"
                            GrowBy="0.01, 0.01"/>
        </s:SciChartSurface.XAxis>

        <s:SciChartSurface.YAxis>
            <s:NumericAxis 
                            Visibility="Visible"
                            AxisAlignment="Right"
                            TextFormatting="{Binding YAxisFormat}" 
                            GrowBy="0.03, 0.03" 
                            AutoRange="Always"/>
        </s:SciChartSurface.YAxis>

        <s:SciChartSurface.ChartModifier>

            <s:ModifierGroup s:MouseManager.MouseEventGroup="SharedMouseGroup">

                <s:ZoomPanModifier IsEnabled="True" ReceiveHandledEvents="True" XyDirection="XDirection" ExecuteOn ="MouseLeftButton"/>
                <s:RubberBandXyZoomModifier IsEnabled="True" ReceiveHandledEvents="True" IsXAxisOnly="True" ExecuteOn="MouseRightButton"/>

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

    </s:SciChartSurface>



    <s:SciChartSurface Grid.Row="1" SeriesSource="{Binding Series2}">

        <s:SciChartSurface.XAxis>
            <s:DateTimeAxis 
                            Visibility="Visible"
                            LabelProvider="{Binding XAxisFormat}" 
                            VisibleRange="{Binding SharedXRange}"
                            GrowBy="0.01, 0.01"/>
        </s:SciChartSurface.XAxis>

        <s:SciChartSurface.YAxis>
            <s:NumericAxis 
                            Visibility="Visible"
                            AxisAlignment="Right"
                            TextFormatting="{Binding YAxisFormat}" 
                            GrowBy="0.03, 0.03" 
                            AutoRange="Always"/>
        </s:SciChartSurface.YAxis>

        <s:SciChartSurface.ChartModifier>

            <s:ModifierGroup s:MouseManager.MouseEventGroup="SharedMouseGroup">

                <s:ZoomPanModifier IsEnabled="True" ReceiveHandledEvents="True" XyDirection="XDirection" ExecuteOn ="MouseLeftButton"/>
                <s:RubberBandXyZoomModifier IsEnabled="True" ReceiveHandledEvents="True" IsXAxisOnly="True" ExecuteOn="MouseRightButton"/>

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



    </s:SciChartSurface>

</Grid>

Hi there

I got 2(or more) charts, and want to make line annotation on both
So i create 2 or more annotationCreationModifier, and want to releaseMouseCapture after the first point of line is placed at any of charts, for this im using SciChartSurface.MouseDown event

    List<AnnotationCreationModifier> AnnotationCreatorsList = new List<AnnotationCreationModifier>();

    public void LineAnotationCreaterModifier() 
    {
        AnnotationCreatorsList.Clear();

        AnnotationCreater = new AnnotationCreationModifier() { AnnotationType = typeof(LineAnnotation) };
        AnnotationCreater.AnnotationCreated += new EventHandler(AnnotationCreater_LineAnnotationCreated);
        PriceChart.ChartControl.ChartModifier = AnnotationCreater;
        PriceChart.ChartControl.MouseDown += new MouseButtonEventHandler(ChartControl_MouseDown);


        AnnotationCreatorsList.Add(AnnotationCreater);

        foreach (ChartArea a in SecondaryCharts)
        {
            AnnotationCreater = new AnnotationCreationModifier() { AnnotationType = typeof(LineAnnotation) };
            AnnotationCreater.AnnotationCreated += new EventHandler(AnnotationCreater_LineAnnotationCreated);
            a.ChartControl.MouseDown += new MouseButtonEventHandler(ChartControl_MouseDown);
            a.ChartControl.ChartModifier = AnnotationCreater;
            AnnotationCreatorsList.Add(AnnotationCreater);
        }
    }


    void ChartControl_MouseDown(object sender, MouseButtonEventArgs e)
    {
        PriceChart.ChartControl.MouseDown -= new MouseButtonEventHandler(ChartControl_MouseDown);
        foreach (ChartArea a in SecondaryCharts)
        {
            a.ChartControl.MouseDown -= new MouseButtonEventHandler(ChartControl_MouseDown);
        }

        if (e.ChangedButton == MouseButton.Left)
        {
            var area = sender as SciChartSurface;

            foreach (var ancr in AnnotationCreatorsList)
            {
                if (ancr.ParentSurface == area) { }
                else { ancr.ReleaseMouseCapture(); }
            }
        }
    }

But i cant understand when mousedown event executes
It allways executes when i click on a board
And sometimes executes at the second click (after first click, when the first point is placed)

I made video, and will post it

Here is link for video:

Hi I currently do need to get two things for which I currently have no clue how to get it.

I’m using FastLineRenderableSeries and XyDataSeries<double,double> in SciChart 2D.

1st: The absolute min and max values from an curve.

What I found is that I can get the YMax/YMin and XMax/XMin, but that is not what I need.

-> I need to get the “Point” (x, and y value) where the maximum/minimum is.

2nd: I Need the X-value of an Y-Value (or the list of x-values if the y-value does exist more than once).
Lets say I have the y-Value “5” and want to know at which x-value this is.

Is there a fast and elegant way to get this information from existing RenderableSeries via the SciChart API, or Do I need to get this information from my data source before appending the curves?

Thanks,
Ben

Hey guys,

i’m evaluating some wpf chart frameworks for our company.

Our goal is to get a heatmap with a custom image as background (e.g. a sports ground). Is there any possibility to achive this goal with scichart?

thx
Daniel

Good day everybody!
I have got a problem. I need to place axis title above axis ticks. But I can’t find any method to do it. Could you help me?
Thank in advance.

How to move chart scroll by arrow key? For example, When I pressed the Right Arrow Key, the bars in the chart will move Right one Bar position, vice versa. Thanks.

Why there are no points and line appear when I try to plot the graph in real time?
I also have verify with an example “Creates Real-time Charts” but still no lines appear.The graph is moving but to points and line appear.

Using
SciChar v2.2.3441 and v1.7.1.2560
Win 7 Enterprise Service Pack 1
.Net 4.5 installed

Thanks,
basalode

Hi,

I’ve got a collection on FastLineRenderableSeries which are set to Visible true/false based for some boolean properties. At the moment I’ve been using IsVisible property and apparently it’s not working very reliably. Most of the time it works without issue. But time to time chart comes to a stage which it does not respect IsVisible property and make all series are Visible. It’s quite difficult to identify reproducible steps and it occurs randomly.

<visuals:SciChartSurface.RenderableSeries>
                                <renderableSeries:FastLineRenderableSeries x:Name="vaSeries" DataSeries="{Binding Path= Series[0], Mode=OneWay}" 
                                                                IsVisible="{Binding ElementName=ChkVa, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VaColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                                <renderableSeries:FastLineRenderableSeries DataSeries="{Binding Series[1], Mode=OneWay}" 
                                                                IsVisible="{Binding ElementName=ChkVb, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VbColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                                <renderableSeries:FastLineRenderableSeries DataSeries="{Binding Series[2], Mode=OneWay}" 
                                                                IsVisible="{Binding ElementName=ChkVc, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VcColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                                <renderableSeries:FastLineRenderableSeries DataSeries="{Binding Series[3], Mode=OneWay}"
                                                                IsVisible="{Binding ElementName=ChkVr, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VrColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                                <renderableSeries:FastLineRenderableSeries DataSeries="{Binding Series[4], Mode=OneWay}"
                                                                IsVisible="{Binding ElementName=ChkVs, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VsColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                                <renderableSeries:FastLineRenderableSeries DataSeries="{Binding Series[5], Mode=OneWay}"
                                                                IsVisible="{Binding ElementName=ChkVt, Path=IsChecked, Mode=OneWay}"
                                                                SeriesColor="{StaticResource VtColor}" Style="{StaticResource SeriesStyleWithPoints}" />
                            </visuals:SciChartSurface.RenderableSeries>

1. Any idea how this could happen?
2. Noticed that there two properties for the purpose of making its visibility ‘IsVisible’ and ‘Visibility’. What is the most reliable property to use for setting Visibility of FastLineRenderable series?

Thanks!
Charith