Category: WPF

When I have cursor tooltips enabled, showing the y-values, they display properly until the y-valuse for the 1st series is below the axis y-min. Below the tooltip y-values are showing correctly

If I move the mouse to the left, below 25 Hz, the tooltip disappears as below.
How can I correct this?

Thanks,
Robert

Hi,

I’ve manually updated one of our apps from v3 to v4.0.6.8442 so I haven’t installed the update tool or anything into my 2013 environment. Initially the result was that the SciChart logo was still displayed no matter how it was run i.e. from debug in studio or directly from the release folder .exe.

I resolved this by replacing the license in App.Xaml.cs with a more up to date one as we’ve recently extended our licenses. Now I can run the exe’s directly (or from ctrl-F5) and there is no logo displayed as I’d expect – However, if I debug into the app using just F5 the logo is now displayed in the graph area.

Is there something the updater tool does to Studio that I’ve missed?

/Stuart

I am trying to create a custom CursorModifier Tooltip. It works in that it shows both of my lines on the screen and all the data associated with the lines. But what I would like to do is only report information about the first line, as the second line is only there for visual purposes as default. Here is a sample of my code.

<ItemsControl Margin="6" ItemsSource="{Binding SeriesData.SeriesInfo}">
 <ItemsControl.ItemTemplate>
  <DataTemplate>
    <StackPanel Orientation="Vertical">
     <StackPanel Orientation ="Horizontal">
      <TextBlock Style="{StaticResource HintDataItemsStyle}" Text="Available Imports:"></TextBlock>      <TextBlock Style="{StaticResource HintDataItemsStyle}" Text="{Binding Value, StringFormat=\{0:###\,##0\}}" />
       </StackPanel>
      </StackPanel>
     </DataTemplate>
    </ItemsControl.ItemTemplate>
   </ItemsControl>

What I’ve tried to do is change the ItemsSource to SeriesData.SeriesInfo[0] which seems to get only the line I want, but then the Value bindings below no longer work.

Hi,

A problem appears changing Axis Alignment if Annotations exists, look this simple example:

NumericAxis x, y;
    SciChartSurface c;
    public Sci()
    {
        InitializeComponent();

        c = new SciChartSurface();


        c.XAxes.Add(x = new NumericAxis() { Id = "x" });
        c.YAxes.Add(y = new NumericAxis() { Id = "y" });

        //some limits
        y.VisibleRange = new DoubleRange(-5, 5);
        y.VisibleRangeLimitMode = RangeClipMode.MinMax;

        //a series
        var s = new FastLineRenderableSeries() { XAxisId="x", YAxisId="y"};
        c.RenderableSeries.Add(s);

        //some datapoints
        var ds = new XyDataSeries<double>();
        ds.Append(1, 1);
        ds.Append(2, 2);
        ds.Append(3, 1);
        ds.Append(4, 2);
        s.DataSeries = ds;

        //Add an annotation
        var a = new HorizontalLineAnnotation() { Y1 = 1.5d, YAxisId = "y", Stroke = Brushes.Red, StrokeThickness = 1 };
        c.Annotations.Add(a);

        //appending the chart on a grid
        mG.Children.Add(c);


    }

If you run it all works good. Now, add a button that flip chart, with this code:

private void Button_Click(object sender, RoutedEventArgs e)
    {
        c.Annotations.Clear();

        if (x.AxisAlignment == AxisAlignment.Left)
        {
            x.AxisAlignment = AxisAlignment.Bottom;
            y.AxisAlignment = AxisAlignment.Left;

            var a = new HorizontalLineAnnotation() { Y1 = 1.5d, YAxisId = "y", Stroke = Brushes.Red, StrokeThickness = 1 };
            c.Annotations.Add(a);
        }
        else
        {
            x.AxisAlignment = AxisAlignment.Left;
            y.AxisAlignment = AxisAlignment.Bottom;


            var a = new VerticalLineAnnotation() { Y1 = 1.5d, YAxisId = "y", Stroke = Brushes.Red, StrokeThickness = 1 };
            c.Annotations.Add(a);
        }

    }

Now nothing works good…
Can you solve it?

Thanks.
marc.

I added LineAnnotation like attached picture.

I can grab the end of line and change length of line.

But I can’t grab the line itself, it means I can’t move the line.

What do you think the problem?

Hi

I want to set multi TextAnnotations on the top left of the chart surface like as bmp.
So I use the HorizontalAnchorPoint and VerticalAnchorPoint to set top left of the chart but how can I set these property in multi TextAnnotations?
This is my code:

            txtAnno1.Text = "Hellow World1!";
            txtAnno1.Foreground = new SolidColorBrush(Colors.Blue);
            txtAnno1.HorizontalAnchorPoint = HorizontalAnchorPoint.Left;
            txtAnno1.VerticalAnchorPoint = VerticalAnchorPoint.Top;
            Surface.Annotations.Add(txtAnno1);

            txtAnno2.Text = "Hellow World2!";
            txtAnno2.Foreground = new SolidColorBrush(Colors.Red);
            txtAnno2.HorizontalAnchorPoint = HorizontalAnchorPoint.Left;
            txtAnno2.VerticalAnchorPoint = VerticalAnchorPoint.Top;
            Surface.Annotations.Add(txtAnno2);

Please help me.

Thanks

Default ChartTitle is Top of the ChartSurface.
But, I need ChartTitle in the ChartSurface… (Like LegendPlacement.Inside)

Hi,

I would like to know if the SCICHART support the 3D polar plot, as shown below.

Many thanks
Dan

Someone recently asked the question on priority support tickets

Q: How do I have two YAxis on the left and right of the chart but with
the same VisibleRange?

e.g. how to mirror the YAxis on both sides of the chart

We are replicating the answer below for benefit of our userbase:

Hello,

I have the problem, that sometimes only one label is shown on the X-Axis even when there is space to show some more, than only one.
The property “IsLabelCullingEnabled” would show them all, but than it is ugly if there is not enough space.
So what can I do to have some more Labels shown?

In the Screenshots you can see that with only a few pixels more, more labels are shown, but the could have been also shown with less pixels (Especially Label “1” and “22” could have been shown).

Is there any way to have a FastLineRenderableSeries have more than one color?

I have several series sources with a minimum of eight series generate from them. Each source is unique (a file) and each signal (Displacement, Force, etc) is also unique.

To help the user identify which signal is which i’d like to apply something like the color coding used on the wire with a stripe when there are many conductors.

I’d like to use a drawing brush such as:

        <DrawingBrush x:Key="DrawingBrush" TileMode="Tile"
                      Viewport="0, 0, 16, 2" ViewportUnits="Absolute"
                      Viewbox="0, 0, 16, 2" ViewboxUnits="Absolute">
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Brush="Red">
                        <GeometryDrawing.Geometry>
                            <LineGeometry StartPoint="0,0" EndPoint="7,0" />
                        </GeometryDrawing.Geometry>
                        <GeometryDrawing.Pen>
                            <Pen Brush="Red" Thickness="4" />
                        </GeometryDrawing.Pen>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="Black">
                        <GeometryDrawing.Geometry>
                            <LineGeometry StartPoint="9,0" EndPoint="15,0" />
                        </GeometryDrawing.Geometry>
                        <GeometryDrawing.Pen>
                            <Pen Brush="Black" Thickness="4" />
                        </GeometryDrawing.Pen>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>

But I bet that’s a performance hit and frowned on.

See attach bitmap for artists conception of potential appearance.

Any ideas hints or suggestions?

CategorizedDateTimeAxis is not suitable for financial intraday charts of instruments with low liquidity and pre/afterhours charts. It discards time periods (minutes) with no trades, ‘compresses time’ and makes picture confusing. They don’t do it in good trading platforms.
DateTimeAxis would help here. But is there any hack to remove time periods when market closed, weekend, holidays?
If not please consider it as new feature request. It can be implemented as a collection of time periods to remove or show.

Hello there,

I’m currently working for a customer that is interested in buying SciChart WPF.

But first we have a question regarding the real time charts. It’s not a question that I can state easily but I will give it a try.

So the question goes like this:

Is it possible to have a static curve onto the same chart where the real time data points will be plotted n real time?

For e.g. the customer wants to load a theoretical reference curve on the chart before feeding real time data on the chart so that a real time comparison can be done and based on this comparison some hardware tools that generate the real time data will be stopped or let continue depending on how big the divergence gets between that reference curve and what comes in real time from the hardware tools running in background.

Thanks!

Dear SciChart Team:

Undo and redo functions are incorrect in my application. It didn’t go back to the previous step. My original curve is shown in the attached figure in Figure 1, then I use zoom in to display part of the curve as shown in Figure 2. After that, use undo to return to the previous step from the partial curve(Figure 3). The final result is shown in Figure 4, which is obviously different from Figure 1.

I call “SciChartSurface.ZoomHistoryManager.Undo()” to achieve this function. After execution, the position of the angle of view and the scale of the canvas are not correct. How do I get back to the previous step correctly?

I have two other questions I would like to ask:
1. How do I get the current range of perspective(max/min of X axis and max/min of Y axis) after many drags and zooms?
2. How do I make the scale of the X axis equal to the scale of the Y axis and zoom in/out it at the same scale?

i am tried to use this code in window.cs file …it is not showing any output. kindly let me know the steps what i have to do for getting output

// Create the chart surface
var sciChartSurface = new SciChartSurface();

// Create the X and Y Axis
var xAxis = new NumericAxis() { AxisTitle = "Number of Samples (per series)"};
var yAxis = new NumericAxis() { AxisTitle = "Value"};

sciChartSurface.XAxis = xAxis;
sciChartSurface.YAxis = yAxis;

// Specify Interactivity Modifiers
sciChartSurface.ChartModifier = new ModifierGroup(new RubberBandXyZoomModifier(), new ZoomExtentsModifier());
// Add annotation hints to the user
var textAnnotation = new TextAnnotation()
{
   Text = "Hello World!",
   X1=5.0,
   Y1=5.0
};
sciChartSurface.Annotations.Add(textAnnotation);

Such as title

I’m trying to create a custom overview control as shown in the example with the same name, but all I get is an empty black box. The main chart is working just fine and I have it bound (for now) to the same data series as the main chart. However the only way I can get it to show anything in the overview chart is to bind it’s x and y axes to the same as the main chart, which basically makes it a copy.

            <sc:SciChartSurface x:Name="OverviewSurface" Loaded="OnOverviewSurfaceLoaded" Grid.Row="1" Margin="10,0,0,0" RenderableSeries="{sc:SeriesBinding RenderableSeriesViewModels}" >

            <sc:SciChartSurface.XAxis>
                <sc:NumericAxis DrawMajorGridLines="False" DrawMinorGridLines="False" Visibility="Collapsed"/>
            </sc:SciChartSurface.XAxis>

            <sc:SciChartSurface.YAxis>
                <sc:NumericAxis DrawMajorGridLines="False" DrawMinorGridLines="False" Visibility="Collapsed"/>
            </sc:SciChartSurface.YAxis>
        </sc:SciChartSurface>

That code above just doesn’t work at all. The RenderableSeriesViewModels are the same as bound to the main chart which is working. I’ve tried variations, using AutoRange and and creating all new ViewModels just for the overview axes but the only way I can get it to show anything at all is to bind it to the main chart axis and then I can’t hide them without hiding them on the main chart.

Dear all,

Does anyone of you have a solution in order to avoid zooming out too much when using the mouse wheel button ?
What I means is that if you call the ZoomExtents the graph will zoom out to fit in chart viewport. By using the mouse wheel is there a way to stop zooming where we reach zoomextents range ?

regards

I am using SciChart v3.42.0.6778.

I’m having some trouble getting a static left and static right Y axis to have aligned grid lines and labels. I have a pan modifier for both axes. When the graph is initially drawn, the axes are aligned. If you pan an axis, it remains aligned…until you get near zero. From -1 to +1, the axis which you are panning moves. It goes either up if you’re panning up, down if you’re panning down. The graph should not move since it is static, but while panning the axis, it moves.

For example, the right Y axis displays a double range from 2.0 to 5.0. I pan the axis down. and it pans and stays aligned. However, I keep panning and get to 0, the grid lines and labels start to pan as well until I reach -1.0 and then they stop moving and are locked. If I go up, the same thing happens. If I grab the pan modifier and start wildly shaking my mouse, I get get the labels to completely move off the graph (see screenshot).

Also, if I manually set my range for either Y axis, say minimum to 2.0 and maximum to 5.0, sometimes the labels display “not nice” values of say 2.152 and 4.975 (random numbers) but the top of the chart is 5.0 and the bottom is 2.0, but the labels and tick marks aren’t at the top and bottom of the chart, there is a gap. (see attached screenshot)

In the end, I’d like the left and right axis labels, grid lines, and ticks to essentially be aligned and static where only the label names change. What am I doing wrong? Thanks!

Here is a snippet of the code defining my Y axes:

<s:SciChartSurface.YAxes>
            <s:NumericAxis Name="LeftAxis"
                           AutoRange="{Binding EnableAutoRange,
                                               Converter={StaticResource BooleanToAutoRangeConverter}}"
                           AxisAlignment="Left"
                           AxisTitle="{Binding LeftAxisTitle}"
                           CursorTextFormatting="0.000000"
                           DrawLabels="{Binding LeftAxisVisible}"
                           DrawMajorTicks="{Binding LeftAxisVisible}"
                           DrawMinorTicks="{Binding LeftAxisVisible}"
                           GrowBy="0.1,0.1"
                           Id="LeftAxis"
                           IsPrimaryAxis="True"
                           IsStaticAxis="True"
                           SnapsToDevicePixels="True"
                           TextFormatting=" 0.000;-0.000"
                           TitleStyle="{StaticResource YAxisTitleStyle}"
                           VisibleRange="{Binding YLeftVisibleRange,
                                                  Mode=TwoWay}"
                           util:AxisExtensions.DrawAxisTitle="{Binding LeftAxisVisible}">
                <s:NumericAxis.DrawMajorGridLines>
                    <MultiBinding Converter="{StaticResource BooleanAndConverter}">
                        <Binding Path="LeftAxisVisible" />
                        <Binding Path="ShowMajorGridlines" />
                    </MultiBinding>
                </s:NumericAxis.DrawMajorGridLines>
                <s:NumericAxis.DrawMinorGridLines>
                    <MultiBinding Converter="{StaticResource BooleanAndConverter}">
                        <Binding Path="LeftAxisVisible" />
                        <Binding Path="ShowMinorGridlines" />
                    </MultiBinding>
                </s:NumericAxis.DrawMinorGridLines>
                <s:NumericAxis.Style>
                    <Style TargetType="s:NumericAxis">
                        <Setter Property="behaviors:MajorGridLineColorBehavior.GridLineColor" Value="{Binding MajorGridColor}" />
                        <Setter Property="behaviors:MinorGridLineColorBehavior.GridLineColor" Value="{Binding MinorGridColor}" />
                        <Setter Property="TickTextBrush" Value="{Binding TextColor, Converter={StaticResource ColorToSolidColorBrushConverter}, FallbackValue=Black}" />
                    </Style>
                </s:NumericAxis.Style>
            </s:NumericAxis>

            <s:NumericAxis Name="RightAxis"
                           AutoRange="{Binding EnableAutoRange,
                                               Converter={StaticResource BooleanToAutoRangeConverter}}"
                           AxisAlignment="Right"
                           AxisTitle="{Binding RightAxisTitle}"
                           CursorTextFormatting="0.000000"
                           DrawLabels="{Binding RightAxisVisible}"
                           DrawMajorGridLines="False"
                           DrawMajorTicks="{Binding RightAxisVisible}"
                           DrawMinorGridLines="False"
                           DrawMinorTicks="{Binding RightAxisVisible}"
                           GrowBy="0.1,0.1"
                           Id="RightAxis"
                           IsStaticAxis="True"
                           SnapsToDevicePixels="True"
                           TextFormatting=" 0.000;-0.000"
                           TitleStyle="{StaticResource YAxisTitleStyle}"
                           VisibleRange="{Binding YRightVisibleRange,
                                                  Mode=TwoWay}"
                           util:AxisExtensions.DrawAxisTitle="{Binding RightAxisVisible}">
                <s:NumericAxis.Style>
                    <Style TargetType="s:NumericAxis">
                        <Setter Property="TickTextBrush" Value="{Binding TextColor, Converter={StaticResource ColorToSolidColorBrushConverter}, FallbackValue=Black}" />
                    </Style>
                </s:NumericAxis.Style>
            </s:NumericAxis>
        </s:SciChartSurface.YAxes>

And here are my modifiers in case that matters:

<s:SciChartSurface.ChartModifier>
            <s:ModifierGroup>
                <s:RubberBandXyZoomModifier IsAnimated="True"
                                            IsEnabled="True"
                                            IsXAxisOnly="False"
                                            RubberBandFill="#99AAAAAA"
                                            ZoomExtentsY="False" />
                <s:ZoomPanModifier ClipModeX="None"
                                   ExecuteOn="MouseMiddleButton"
                                   IsEnabled="True" />
                <s:ZoomExtentsModifier ExecuteOn="MouseDoubleClick"
                                       IsEnabled="True"
                                       XyDirection="XDirection" />
                <s:MouseWheelZoomModifier IsEnabled="True" XyDirection="YDirection" />
                <s:YAxisDragModifier AxisId="LeftAxis" DragMode="Pan" />
                <s:YAxisDragModifier AxisId="RightAxis" DragMode="Pan" />
                <s:XAxisDragModifier ClipModeX="None" />
                <s:CursorModifier Name="CursorModifier" IsEnabled="{Binding ShowCursors, Mode=TwoWay}">
                    <s:CursorModifier.LineOverlayStyle>
                        <Style TargetType="Line">
                            <Setter Property="Stroke" Value="LightGray" />
                        </Style>
                    </s:CursorModifier.LineOverlayStyle>
                </s:CursorModifier>
                <s:LegendModifier Margin="6"
                                  GetLegendDataFor="AllSeries"
                                  LegendPlacement="Inside"
                                  Orientation="Horizontal"
                                  ShowLegend="{Binding ShowLegend}"
                                  ShowVisibilityCheckboxes="False">
                    <s:LegendModifier.LegendTemplate>
                        <ControlTemplate>
                            <s:SciChartLegend Background="{Binding ElementName=SciChartSurface,
                                                                   Path=DataContext.BackgroundColor,
                                                                   Converter={StaticResource ColorToSolidColorBrushConverter}}"
                                              Foreground="{Binding ElementName=SciChartSurface,
                                                                   Path=DataContext.TextColor,
                                                                   Converter={StaticResource ColorToSolidColorBrushConverter}}"
                                              ItemTemplate="{Binding LegendItemTemplate}"
                                              LegendData="{Binding LegendData}"
                                              Orientation="{Binding Orientation}"
                                              ScrollViewer.HorizontalScrollBarVisibility="{Binding Path=(ScrollViewer.HorizontalScrollBarVisibility)}"
                                              ScrollViewer.VerticalScrollBarVisibility="{Binding Path=(ScrollViewer.VerticalScrollBarVisibility)}"
                                              ShowSeriesMarkers="{Binding ShowSeriesMarkers}"
                                              ShowVisibilityCheckboxes="{Binding ShowVisibilityCheckboxes}" />
                        </ControlTemplate>
                    </s:LegendModifier.LegendTemplate>
                </s:LegendModifier>
            </s:ModifierGroup>
        </s:SciChartSurface.ChartModifier>

I have added a real time value legend to my chart. This is working well, based upon examples I have found here at the forum and in the SciChart documentation.

My question is this:
How can I position this new legend (includes series color, series name and series YValue ) so that it is in relation to a single or multiple Y axis’s displayed. In other words I like it to positions itself in relation to the YAxis so it does not overwrite it, and stays on the plotting area.

Appreciate the help
Thank you
Anders

I’ve seen lots of questions like that here but still can’t figure out how to work with UserControl in WPF and how can i dinamically arrange annotations on user events (lines, figures,text etc). Can you please provide links which may help to get started from scratch. Thank you!

Hi,

Is there a way to add an option to enable/disable scaling on the X-axis for the ZoomPanModifier? If not, is there a way to disable the scaling when panning beyond the min and max of the X-Axis?

Thanks,

Johnny

Hi, is there a way to get the number of major ticks lines and to calculate the difference of two consecutive major ticks lines values? Thanks.

I am working on an application where I have multiple XY data series. For one of the series, we are producing annotation data for some of the points. There are 8 different types of annotations that can be created. Based on the response you gave to a previous question, I am creating the annotations as separate data series instead of as actual annotation objects since there are thousands of them. Performance starts to suffer as the number of annotations increases.

The issue I’m running into now is the number of series is now 14 which is unwieldy for displaying in a legend. My current legend is horizontally oriented as shown in the attached image. I would prefer that the user not have to scroll to view all of the legend items and am trying to figure out how to achieve that.

Is there a way to specify a fixed width for the legend and have items wrap to a new line if there is not enough room for them? I didn’t see that as being an option for the standard legend template.

Also, is there a way to use multiple legends for a chart? Ideally it would be nice to split the series that are associated with annotation data into their own legend instead of mixing them in with the legend for the normal data. The SeriesInfo object doesn’t appear to have any property that would allow me to categorize the data.

Thanks,
Scott

Could you please post GridLinesPanelStyle from BlackSteel theme? I’ve overriden the style to remove border, and now it has default background, which isn’t in line with other elements.