1

Hi Aitkin,

You should try using the LegendModifier, which is demonstrated here:
Legend Modifier Demo

It uses a similar mechanism to bind to SeriesInfo objects as the RolloverModifier. The LegendModifier sets SeriesInfo.XValue equal to the latest value in the data-series. You’ll have to modify the control template of the LegendControl to display the info. So, the Xaml would look something like this (taken from MultipleLinesView.xaml in the examples)

    <Grid>
        
        <SciChart:SciChartSurface x:Name="sciChart" SciChart:ThemeManager.Theme="ExpressionLight">

            <!-- Declare RenderableSeries ... -->

            <!-- Declare Axes ... -->           

            <!-- Declare ChartModifiers -->
            <SciChart:SciChartSurface.ChartModifier>
                <SciChart:ModifierGroup>
                    <SciChart:LegendModifier x:Name="legendModifier"/>
                </SciChart:ModifierGroup>
            </SciChart:SciChartSurface.ChartModifier>

        </SciChart:SciChartSurface>

       <!-- Declare SciChartLegend and override template -->
        <SciChart:SciChartLegend Margin="23,23" LegendData="{Binding LegendData, ElementName=legendModifier}">
            <SciChart:SciChartLegend.Template>
                <ControlTemplate TargetType="SciChart:SciChartLegend">
                    <ControlTemplate.Resources>
                        <Common:IComparableConverter x:Key="ComparableConverter"/>
                        <Common:ColorToBrushConverter x:Key="ColorToBrushConverter"/>
                    </ControlTemplate.Resources>
                    <Border x:Name="PART_Border"
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Padding="{TemplateBinding Padding}">

                        <ItemsControl BorderThickness="0"
                                      DataContext="{TemplateBinding LegendData}"
                                      ItemsSource="{Binding SeriesInfo}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Grid HorizontalAlignment="Left">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                        </Grid.ColumnDefinitions>

                                        <Ellipse Fill="{Binding SeriesColor, Converter={StaticResource ColorToBrushConverter}}" Width="9" Height="9" Margin="3"/>

                                        <TextBlock Grid.Column="1" Text="{Binding SeriesName}" Width="90" Style="{StaticResource tbStyle}"/>

                                        <!-- When binding to XValue, YValue of type IComparable, StringFormat is mandatory due to a -->
                                        <!-- XAML bug that cannot convert IComparable to text, even though underlying type is double -->
                                        <StackPanel Orientation="Horizontal" Grid.Column="2">
                                            <TextBlock Text="X: " Style="{StaticResource tbStyle}"/>
                                            <TextBlock Text="{Binding XValue, StringFormat=\{0:0.00\}}" Style="{StaticResource tbStyle}"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Grid.Column="3">
                                            <TextBlock Text="Y: " Margin="3" Style="{StaticResource tbStyle}"/>
                                            <TextBlock Text="{Binding YValue, StringFormat=\{0:0.00\}}" Style="{StaticResource tbStyle}"/>
                                        </StackPanel>

                                    </Grid>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </Border>
                </ControlTemplate>
            </SciChart:SciChartLegend.Template>
        </SciChart:SciChartLegend>

    </Grid>

The controltemplate basically modifies the existing LegendControl to display the latest YValue after the series name. The StringFormat is needed to convert an IComparable value to double (unfortunately this implicit conversion is lacking in the .NET framework).

This should result in the following (attached image)

Best regards,
Andrew

UPDATED

Hi there,

We have several articles on printing and exporting to bitmap or XPS/PDF etc…

Please see:

• Export chart from screen to bitmap
• Exporting chart with legend to bitmap
• Rendering chart to bitmap in memory
• Screenshots, XPS Printing, X-Axis Text Labels

The Screenshots, XPS Printing, X-Axis Text Labels article now has an updated sample which compiles against SciChart v3.0 so you can download it and get started.

Hope this helps!
Yuriy

Hello there,

Unfortunately, you cannot change a width of candles in series: it is calculated internally based on amount of points on screen. ActualWidth and Width properties which you have mentioned are just inherited from base class(Control), and they are ignored because all series are rendered as bitmaps.

Please, don’t hesitate to ask questions, we will be glad to help!

Best regards,
Yuriy

Yuriy,

I just figured I’d report back and say that I was able to get the candle widths set the way I want by adjusting the XAxis.VisibleRange, which worked the way you said it would. I just had to mess around with different visible ranges to get a feel for how the candles would resize. Thanks again!

Hi Manish,

Which element’s mousemove event are you subscribing to? If you subscribed to SciChartSurface.MouseMove then please note the Mouse point will be relative to the SciChartSurface control (which includes the left YAxis), not relative to the chart pane.

To get the correct output you will have to transform the mouse point using the following code:

// Transforms a mouse point from the RootGrid (which hosts the ScichartSurface) 
// relative to the ModifierSurface (which is overlaid on the chart area only)
var transformedPoint = sciChartSurface.RootGrid.TranslatePoint(inputPoint, sciChartSurface.ModifierSurface);

Now that the mouse point is relative to the ModifierSurface (which covers the chart viewport area) the hit-test will work.

You can see another example of this transformation in the following example:
http://http://www.scichart.com/Abt.Controls.SciChart.SL.ExampleTestPage.html#/Abt.Controls.SciChart.Example;component/Examples/IWantTo/InspectDatapoints/HitTestDatapoints.xaml

// Taken from example IWantTo/InspectDataPoints/HitTestDataPoints
private void SciChartSurfaceMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
   // Perform the hit test relative to the GridLinesPanel
   Point mousePoint = e.GetPosition(sciChartSurface.GridLinesPanel as UIElement);
}

Finally, it sounds to me like you are trying to replicate the behaviour of the RolloverModifier? Have you considered using this modifier instead in your code?

If you need some custom actions then creating a ChartModifier (that inherits or replaces RolloverModifier) might be the best way to go.

Feel free to post if you need further assistance.

Best regards,
Andrew

Hi there,

Could you try out to set SciChartSurface.AutoRangeOnStartup=”False”?
Please, let me know if this helps!

Best regards,
Yuriy

Hi Alex,

Just to interject here. The Scatter plot, or PointMarker on line plots are not WPF elements – they are rendered as bitmaps, so control templating is not possible (as yuriy point out).

However, there is another way to achieve what you want in the upcoming v1.5 version. See this article here:
http://http://www.scichart.com/scichart-v1-5-beta-preview-q4-2012/

You will notice we have included a PaletteProvider class to override data-point colours. This works for OHLC, Candlestick and Column charts at present. We’re thinking of a way to extend it to lines, mountain charts and scatter charts.

Alternatively, another way would be to use the new annotations API. Take a look here:
http://http://www.scichart.com/annotations-are-easy/

If your offline data-points were rare it wouldn’t be difficult using this API to overlay a grayed out point or some other marker to demonstrate it to the user.

Regarding v1.5, we’re about 4 weeks off release. Many features are done, but productionising the code is going to take the remainder of the time.

Hope this is helpful!

Andrew

Hi Joerg, the grow-by is a multiplying factor. You could try this:

Instead of

var currentRange = this.YAxis.VisibleRange.AsDoubleRange();
  
if (value > currentRange.Max)
{
    var growByRange = this.YAxis.GrowBy.AsDoubleRange();
    this.YAxis.VisibleRange.SetMinMax(0, currentRange.Max + growByRange.Max);
}

try

// Decouple the instance so you don't modify original
var currentRange = (DoubleRange)this.YAxis.VisibleRange.AsDoubleRange().Clone();
  
if (value > currentRange.Max)
{
    // Expand range
    currentRange.Max = value;
    
    // Apply growby
    currentRange = currentRange.GrowBy(this.YAxis.GrowBy);    

    this.YAxis.VisibleRange.SetMinMax(0, currentRange.Max);
}

Also, a hidden feature in v1.5 will be the ability to put this logic into a “ViewportManager” derived class. This is called by SciChart in the render loop to get the new visible range, so it will be a good place to put this code.

Hope this helps!

Hello there,

We are going to introduce LabelFormatter property in AxisBase class, which allows to change text on axis. To do this, you need to implement ILabelFormatter interface, which contains a method

        public string FormatLabel(IComparable dataValue)
        {
          ...
        }

So, you will be able to change axis labels text depending on data value at this point. Is this suitable for you? Will that approach work in your case?

Best regards,
Yuriy

Hi Andrew,

I’ve tried it out and found a solution, you need just to add GrowBy to YAxis:

        <SciChart:SciChartSurface.YAxis>
            <SciChart:NumericAxis AutoRange="True"
                                  DrawLabels="False"
                                  MaxAutoTicks="0">

              <SciChart:NumericAxis.GrowBy>
                    <SciChart:DoubleRange Max="0.1" Min="0.1" />
                </SciChart:NumericAxis.GrowBy>

            </SciChart:NumericAxis>
        </SciChart:SciChartSurface.YAxis>

It looks a bit strange, but it works properly. Please, try out and let me know if this helps.

Anyway, this issue needs further investigation.

Thanks,
Yuriy

Hi Andy,

The concept you’re talking about is called a “Sparkline”. Multiple tiny charts without axes shown in a data-grid. Its a very useful visualization concept.

I assume you’ve seen this demo? This shows 16x charts inside an ItemsControl updating in real-time:
http://http://www.scichart.com/Abt.Controls.SciChart.SL.ExampleTestPage.html#/Abt.Controls.SciChart.Example;component/Examples/IWantTo/CreateRealtimeChart/EEGChannelsDemo/EEGExampleView.xaml

Yes, there is a performance overhead with showing more charts, but SciChart is pretty well equipped to deal with it. How many charts are you going to show? I’d recommend using something like the above (the ItemsControl demo) and hiding YAxis, XAxis. Also use FastLineRenderableSeries.ResamplingMode = ResamplingMode.Mid, as this will aggressively strip points (at expense of lower resolution).

I would recommend throttling the data you push to N charts though as this will be a bottleneck (e.g. dont dump a million points in each all in real-time if the chart is scrolled out of view!).

Render to bitmap is another technique you can try. There are a few threads on this forum showing different techniques. However, in a real-time context that won’t be any faster than just having the actual chart.

Let me know how you progress

Andrew

Hi Jane,

Sure, the themes are just Xaml control templates. We don’t publish them or show how to modify because the control template internals can change between one release and another. Customising backgrounds, axis gridlines or text labels is quite easy though.

What do you want to do?

Best regards,
Andrew

Edit:

Take a look at this example:
http://http://www.scichart.com/Abt.Controls.SciChart.SL.ExampleTestPage.html#/Abt.Controls.SciChart.Example;component/Examples/IWantTo/StyleAChart/XamlStyling.xaml

This shows how to style certain elements. If all you want to do is a background change, or change text colours it should be possible by overriding the various setters.

I am considering applying server-side licensing for my javerScript application.

In the document below, there is a phrase “Our server-side licensing component is written in C++.”
(https://support.scichart.com/index.php?/Knowledgebase/Article/View/17256/42/)

However, there is only asp.net sample code on the provided github.
(https://github.com/ABTSoftware/SciChart.JS.Examples/tree/master/Sandbox/demo-dotnet-server-licensing)

I wonder if there is a sample code implemented in C++ for server-side licensing.

Can you provide c++ sample code?
Also, are there any examples to run on Ubuntu?

Hello there,

Please, take a look into attached example. It demonstrates vertical line annotations creation in ViewModel.
To get back value of line, you should bind to X1 property of anotation, or to LabelValue property of VerticalLineAnnotation (by default it is bind to X1). Also you can add more labels via VerticalLineAnnotation.AnnotationLabels property.

Also, you could look into DragHorizontalTreshold example.

Best regards,
Yuriy

Hello Yan,

Thanks for reporting this issue. I assume you including the license file as per instructions at http://www.scichart.com/licensing-scichart ?

In the current version of SciChart (v1.3) the license file is discovered automatically during startup. In v1.5 we have included the option to bootstrap the chart by supplying a license key before the chart is shown, for instance, during application initialization (instructions also here).

New to v1.5 – Preloading of license
key In v1.5 Beta if you have a license key in a non-XML format,
you can license the product by calling the following code. This must
be called once before any SciChartSurface instances
are created.

SciChartSurface.SetLicenseKey("77f1jagAG==@Gaagg...");

I am certain this new feature will help you. Please note the license keys for v1.3 are not compatible with v1.5. Please email us with your order ID and I’ll put you on the upgrade list.

Finally if licensing startup time continues to cause problems, one option is to become a source code customer. The source code distribution has no licensing code and is not obfuscated, so the library boots a lot faster.

Best regards,
Andrew