Category: WPF

I want to create a chart like the attached image file.
I want to mark points with different colors depending on the number of data corresponding to the x and y axes.
As a result of searching, there is a HeatmapColorPalette. Is it good to use this?
If there is a more suitable chart, please introduce it.
thank you

Hello all,

our application is recording data points from a measurement device. The recorded data points are shown in a 2D and 3D chart. Both charts are within one page, the user can switch between the charts via TabControl.

The problem we have is, that when a new data point is added, the chart, which is not in focus (so not selected by the TabControl) does not update.
For the 2D chart we could solve this issue by executing the following code on the TabControl selection changed event:

this.ViewportManager.BeginInvoke(() => { this.ViewportManager.ZoomExtents(); });

For the 3D chart we tried the same approach with the following code (also exectue on the TabControl selection changed event), the function ScaleWorldDimensions adjust the 3D space based on the recorded data:

   Application.Current.Dispatcher.Invoke(() =>
        {
            if (this.ListDataPoints.Count > 0)
            {
                this.ScaleWorldDimensions(this.ListDataPoints);
                this.Surface3D.ViewportManager.ZoomExtents();
            }
        });

But unfortunately this does not solve the issue. Therfore the user either has to switch the tab again or add a new data point when the 3D chart is selected.

Do have hints on how to solve this issue?

Thanks for your support in advanced, in case you need furhter information please let me know.

Hello,

i’m using the spline filter with the ToSpline method.
The problem I have with this is that the method returns a different type.
I want to apply the filter to my XyDataSeries<long, double>. However, the returned value is of type XyDataSeries<double, double>.
Is there a way to apply the filter and have a XyDataSeries<long, double>?

What properties should I change to change the position of the information in the bottom left of the chart?

Hi, I want to rotate an ObjectModel3D with multiple axis of rotation.
But Rotation property of ObjectModel3D can set only one axis (X or Y or Z).
How can I solve this problem?
Thanks

We currently own an older version of SCiCHART (5.2.1.11757). The question I have was posted 5 years ago at:
https://www.scichart.com/questions/wpf/change-verticalslicemodifier-value-labels-position

Is this answer still the correct answer or is this now possible via an API call or xaml option with a newer release?
Best

I created an ObjectModel3D object in ViewModel and bound it to View, but the Scale and Position values are not applicable.
What’s wrong with my code?

View:

<UserControl x:Class="Example.TestChart.Views.TestChartView"
         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:local="clr-namespace:Example.TestChart.Views"
         xmlns:locals="clr-namespace:Example.TestChart.ViewModels"
         xmlns:s3D="http://schemas.abtsoftware.co.uk/scichart3D"
         mc:Ignorable="d" 
         xmlns:prism="http://prismlibrary.com/"
         prism:ViewModelLocator.AutoWireViewModel="True"
         xmlns:object="clr-namespace:SciChart.Charting3D.Visuals.Object;assembly=SciChart.Charting3D"
         d:DesignHeight="300"
         d:DesignWidth="300">


<Grid>
    <s3D:SciChart3DSurface x:Name="SciChart"
                   Grid.Column="1"
                   BorderThickness="0"
                   WorldDimensions="1000,500,500"
                   RenderableSeries="{s3D:SeriesBinding RenderableSeriesCollenction}"
                   SceneObjects="{Binding SceneEntity3Ds}"
                   Grid.Row="1"
                   >

        <s3D:SciChart3DSurface.Camera>
            <s3D:Camera3D 
                          Position="30,400,-1250"
                          Target="40,200,500"
                          />
        </s3D:SciChart3DSurface.Camera>

        <s3D:SciChart3DSurface.XAxis>
            <s3D:NumericAxis3D  AxisTitle ="X" 
                        TextFormatting ="n2" 
                        AutoRange = "Never" 
                        VisibleRange ="0,100" 
                        GrowBy =" 10, 10" 
                        FlipCoordinates="True"
                        TickLabelAlignment ="Camera" 
                        />

        </s3D:SciChart3DSurface.XAxis>
        <s3D:SciChart3DSurface.YAxis>
            <s3D:NumericAxis3D  AxisTitle ="Y" 
                        TextFormatting ="n2" 
                        AutoRange = "Never" 
                        VisibleRange ="0,100" 
                        GrowBy =" 10, 10" 
                        TickLabelAlignment ="Camera" />
        </s3D:SciChart3DSurface.YAxis>
        <s3D:SciChart3DSurface.ZAxis>
            <s3D:NumericAxis3D  AxisTitle ="Z" 
                        TextFormatting ="n2" 
                        AutoRange = "Never" 
                        VisibleRange ="0,100"
                        GrowBy ="10,10" 
                        TickLabelAlignment ="Camera" />

        </s3D:SciChart3DSurface.ZAxis>

        <s3D:SciChart3DSurface.ChartModifier>
            <s3D:ModifierGroup3D>
                <s3D:OrbitModifier3D ExecuteOn="MouseLeftButton"/>
                <s3D:MouseWheelZoomModifier3D />
                <s3D:ZoomExtentsModifier3D AnimateDurationMs="500" ResetPosition="-10,400,-850" ResetTarget="0,200,500"/>
            </s3D:ModifierGroup3D>
        </s3D:SciChart3DSurface.ChartModifier>

    </s3D:SciChart3DSurface>
</Grid>

ViewModel:

    namespace Example.TestChart.ViewModels
{
    using SciChart.Charting3D.Visuals.RenderableSeries;
    using System;
    using System.Collections.ObjectModel;
    using System.Windows.Media;
    using Example.BaseClass;
    using SciChart.Charting3D.Visuals.Object;
    using System.Reflection;
    using System.IO;
    using SciChart.Charting3D;


public class TestChartViewModel : ViewModelBase
{
    public TestChartViewModel() 
    {

        RenderableSeriesCollenction = new ObservableCollection<IRenderableSeries3DViewModel>();
        SceneEntity3Ds = new ObservableCollection<ObjectModel3D>();
        addr();
    }

    public void addr()
    {
        string filePath = Path.Combine(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), "Objects\\Pawn_Low.obj");
        var obj = new ObjectModel3D(new Uri(filePath), Color.FromRgb(Convert.ToByte(255), Convert.ToByte(255), Convert.ToByte(0)))
        {
            Position = new Vector3(0.5f, 1f, 0.8f),
            CoordinateMode = ObjectCoordinateMode.Relative
        };
        obj.Scale = new Vector3(0.2f, 0.2f, 0.2f);
        SceneEntity3Ds.Add(obj);

    }

    private ObservableCollection<IRenderableSeries3DViewModel> _renderableSeriesCollenction;
    public ObservableCollection<IRenderableSeries3DViewModel> RenderableSeriesCollenction
    {
        get { return _renderableSeriesCollenction; }
        set { _renderableSeriesCollenction = value; }
    }

    private ObservableCollection<ObjectModel3D> _sceneEntity3Ds;
    public ObservableCollection<ObjectModel3D> SceneEntity3Ds
    {
        get { return _sceneEntity3Ds; }
        set { _sceneEntity3Ds = value; }
    }

}

}

I saw an obj file appear on the chart through SceneObject But I want to use custom polygon as a point marker for my ScatterRenderableSeries. Can you apply obj file to PointMarker3D? Or How do I add 3d polygon to chart via obj file in viewmodel?

Hi,

I’m creating a custom modifier that is derived from a VerticalSliceModifier. Basically if I press CTRL+Click, a VerticalLineAnnotation is added to the VerticalLines property, and tooltips with Y values are displayed. I’m using a collection of LineRenderableSeriesViewModel as data to chart. It works with one detail: my chart is within a tab, and when the tab changes and then returns, the tooltips disappear.

After further investigation, I noticed that the SeriesData ends up with 0 elements after the tab switch. To fix this, I have overrided the OnPropertyChanged on the class, and if the property that changed is “IWindowService”, I remove all markers if new value is null and add them back when new value is not null.

I don’t know why the “IWindowService” property is changed, or what the implications of that are. So even when the solution works, I don’t understand the internal mechanics of why it does.
I feel like there should be a better way to solve this. Can you help me out, or at least explain the internal workings?

I tried using the OnAttach and OnDetached events, but even when I remove the VerticalLines, somehow they keep appearing on the chart, and are not listed in the new VerticalLines collection.

hi.. i want to as how can i add in string on x axis char now show 0 1 2 3 4
i want show string that i load from my DB.. exp Test1 test2 test22 test3

Hi I am using UniformXyDataSeries<double> .
And I can’t work with SciChartOverview.
Before that I was working with XyDataSeries<double, double> and everything worked very well.
And now the entire SciChartOverview is simply black.. (still functions as a scrollbar)
And I get this –

SciChartSurface didn’t render, because an exception was thrown:
Message: Object reference not set to an instance of an object.

Stack Trace: at
SciChart.Charting.Visuals.RenderableSeries.DrawingProviders.MountainSeriesDrawingProvider.trj(yhn
ayc, IPointSeries ayd) at
SciChart.Charting.Visuals.RenderableSeries.DrawingProviders.MountainSeriesDrawingProvider.OnDraw(IRenderContext2D
renderContext, IRenderPassData renderPassData) at
SciChart.Core.Extensions.EnumerableExtensions.ForEachDo[T](IEnumerable1
enumerable, Action1 operation) at
SciChart.Charting.Visuals.RenderableSeries.BaseRenderableSeries.InternalDraw(IRenderContext2D
renderContext, IRenderPassData renderPassData) at
SciChart.Charting.Visuals.RenderableSeries.BaseRenderableSeries.SciChart.Charting.Visuals.IDrawable.OnDraw(IRenderContext2D
renderContext, IRenderPassData renderPassData) at
qxc.cyh(RenderPassInfo cff, IRenderContext2D cfg, Int32 cfh) at
qxc.cyg(ISciChartSurface cfc, RenderPassInfo cfd, IRenderContext2D
cfe) at qxc.RenderLoop(IRenderContext2D renderContext) at
SciChart.Charting.Visuals.SciChartSurface.DoDrawingLoop()

This is the code:

<s:SciChartSurface 
           x:Name="sciChart0" ... >  <s:SciChartSurface.RenderableSeries >
                        <s:FastLineRenderableSeries x:Name="RenderableSeries0"  DataSeries="{Binding samples[0]._Series, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                                            Stroke="{Binding samples[0].Color, Mode=TwoWay}" 
                                            StrokeThickness="2" s:LegendModifier.IncludeSeries ="{Binding samples[0].Show, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                      </s:SciChartSurface.RenderableSeries > <!-- .....  -- >
    </s:SciChartSurface>




    <!-- Declare the SciChartOverview and bind to the main chart -->
                <s:SciChartOverview  x:Name="sciChart0Overview" MouseWheel="sciChart0Overview_MouseWheel" Margin="10,0,10,0"
                                    DataSeries="{Binding ElementName=sciChart0, Path=RenderableSeries[0].DataSeries}"
                                    ParentSurface="{Binding ElementName=sciChart0}" Height="50" VerticalAlignment="Bottom"
                                    SelectedRange="{Binding ElementName=sciChart0, Path=XAxis.VisibleRange, Mode=TwoWay}"
                                     ToolTip="Use the mouse wheel to change the sample shown here."
                                     />

Again – everything worked fine for me until I changed the data structure…
[samples[0]._Series is type of UniformXyDataSeries<double>()]
Thanks!

I am creating a graph for 10 data series using Scichart, with the most optimal legend placement for the graph being “Top” with Horizontal Orientation as shown in the code below. I would like to keep the spacing compact so all the data series can be visible without the need for the scrollbar, however because of the checkboxes for selecting each series being enabled I cannot compress the spaces to make all the data series visible. I did try using a custom legend with the typical binding but to no avail. I have attached an image of the current legend as well.

<s:LegendModifier Name="legendModifier" Margin="1" Width="1" ShowLegend="True" Orientation="Horizontal"
                                  HorizontalAlignment="Left" VerticalAlignment="Top"
                                  LegendPlacement="Top" ScrollViewer.HorizontalScrollBarVisibility="Auto"
                                  Visibility="Visible"/>

Is it possible to format the legend so as to keep all the series names visible while maintaining the checkboxes for displaying or hiding individual data series?

Hello,
I am trying to add a BoxAnnotation with MVVM pattern where the X-Axis is a DateTime axis. The annotation can be dragged into the X-direction. I need to know the DateTime of each position while dragging and also the final position(DateTime) of the BoxAnnotation when the drag Ended. I am listening to the DragDelta and DragEnded events in ViewModel. But here I couldn’t able to get the DateTime from X1 and X2 of that annotation model. I am sharing some snippets of my code. Can you please let me know how I can achieve this?

In xaml:

<Style x:Key="_boxAnnotationStyle" BasedOn="{StaticResource AnnotationBaseStyle}" TargetType="scichart:BoxAnnotation">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="scichart:BoxAnnotation">
                    <Border x:Name="PART_BoxAnnotationRoot"
              Margin="{TemplateBinding Margin}"
              Background="{TemplateBinding Background}"
              BorderBrush="{TemplateBinding BorderBrush}"
              BorderThickness="{TemplateBinding BorderThickness}"
              CornerRadius="{TemplateBinding CornerRadius}" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
</Style>
<scichart:SciChartSurface x:Name="GraphSurface"
                 Annotations="{scichart:AnnotationsBinding ItsAnnotations}">

                <scichart:SciChartSurface.XAxis>
                    <scichart:DateTimeAxis x:Name="GraphXAxis"
                                           VisibleRange="{Binding ItsTimeVisibleRange, Mode=TwoWay}" />
                </scichart:SciChartSurface.XAxis>

                <scichart:SciChartSurface.YAxes>
                    <scichart:NumericAxis x:Name="GraphYAxis"
                                          VisibleRange="0, 10" />

                </scichart:SciChartSurface.YAxes>
 </scichart:SciChartSurface>

In ViewModel.cs

{
    private DateRange _timeVisibleRange;
    private ObservableCollection<IAnnotationViewModel> _annotations;
    private IAnnotationViewModel _boxAnnotation;
    public ObservableCollection<IAnnotationViewModel> ItsAnnotations
    {
        get
        {
            return _annotations;
        }
    }
    public DateRange ItsTimeVisibleRange
    {
        get { return _timeVisibleRange; }
        set
        {
            if (_timeVisibleRange == value) return;
            _timeVisibleRange = value;
            RaisePropertyChanged(() => ItsTimeVisibleRange);
        }
    }
    .
    .
    .
    _boxAnnotation = new BoxAnnotationViewModel()
        {
            IsEditable = true,
            DragDirections = SciChart.Charting.XyDirection.XDirection,
            X1 = DateTime.UtcNow.AddSeconds(300),
            X2 = DateTime.UtcNow,
            Y1 = 0,
            Y2 = 8,
            StyleKey = "_boxAnnotationStyle"
        };

     _annotations = new ObservableCollection<IAnnotationViewModel>() { };
     _annotations.Add(_boxAnnotation );

     _captureTimeRangeSelectorAnnotation.DragDelta += OnDrag;
     _captureTimeRangeSelectorAnnotation.DragEnded += DragEnded;
       .
       .
       .
    private void DragEnded(object sender, EventArgs e)
    {
         var boxAnnotationModel = sender as BoxAnnotationViewModel;
          // Need to know the DateTime value of X1 and X2
    }
    private void OnDrag(object sender, AnnotationDragDeltaEventArgs e)
    {
         var boxAnnotationModel = sender as BoxAnnotationViewModel;
         // Need to know the DateTime value of X1 and X2
    }
    .....
    .....
}