How to customize the tooltip in the mode of CursorModifier

Hi there,

Thanks for your inquiry. Actually, to show a tooltip for the Ohlc series, you could set IsSelected to “True” on the series and SourceMode to “SelectedSeries” on the Cursor modifier. Or you could override the IsSeriesValid method and return “True” for the FastCandlestickRenderableSeries only.

Unfortunately, the string format is hard-coded in the default style, so you should create a new DataTemplate for Ohlc data and apply it via SeriesInfoTemplateSelector, also setting templates for other series types to an empty DataTemplate. FYI, we improved this behavior in the newest v3.2 build (internal) and it will be possible to change string format setting the CursorTextFormatting property or a LabelProvider on an axis.

Please take a look at the xaml piece below and let us know if it has the desired behavior:

<UserControl x:Class="Abt.Controls.SciChart.Example.Examples.IWantTo.CreateMultiseriesChart.CandlestickWithLinesView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:s="http://schemas.abtsoftware.co.uk/scichart"
         xmlns:markupExtensions="clr-namespace:Abt.Controls.SciChart.Common.MarkupExtensions;assembly=Abt.Controls.SciChart.Wpf"
         d:DesignHeight="300"
         d:DesignWidth="300"
         Loaded="CandlesticksWithLines_Loaded"
         mc:Ignorable="d">

<UserControl.Resources>

    <!-- The style for TextBlocks appearing in a tooltip -->
    <Style x:Key="HintDataItemsStyle" TargetType="TextBlock">
        <Setter Property="Foreground" Value="{markupExtensions:ThemeBinding Path=CursorLabelForeground}" />
        <Setter Property="FontWeight" Value="Bold" />
        <Setter Property="FontFamily" Value="Arial" />
        <Setter Property="FontSize" Value="13" />
        <Setter Property="Margin" Value="3,2,2,2" />
    </Style>

    <!-- The template, which determines appearance of the tooltip for Ohcl data -->
    <DataTemplate x:Key="OhlcSeriesRolloverLabelTemplate" DataType="s:OhlcSeriesInfo">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <TextBlock Grid.ColumnSpan="2"
                   HorizontalAlignment="Left"
                   Style="{StaticResource HintDataItemsStyle}"
                   Text="{Binding SeriesName}" />

            <StackPanel Grid.Row="1">
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="Open" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="Highest" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="Lowest" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="Close" />
            </StackPanel>

            <StackPanel Grid.Row="1" Grid.Column="1">
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="{Binding OpenValue,
                                      StringFormat=\{0:0.0000\}}" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="{Binding HighValue,
                                      StringFormat=\{0:0.0000\}}" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="{Binding LowValue,
                                      StringFormat=\{0:0.0000\}}" />
                <TextBlock HorizontalAlignment="Left"
                       Style="{StaticResource HintDataItemsStyle}"
                       Text="{Binding CloseValue,
                                      StringFormat=\{0:0.0000\}}" />
            </StackPanel>
        </Grid>
        </DataTemplate>

    <!-- Empty data template for other series -->
    <DataTemplate x:Key="EmptyTemplate" />

    <!-- the TemplateSelector for the CursorModifier below -->
    <s:SeriesInfoTemplateSelector x:Key="OhlcSeriesInfoTemplateSelector" 
                                  DefaultTemplate="{StaticResource EmptyTemplate}" 
                                  OhlcSeriesTemplate="{StaticResource OhlcSeriesRolloverLabelTemplate}" />

</UserControl.Resources>

<s:SciChartSurface x:Name="sciChart" s:ThemeManager.Theme="Chrome">

    <s:SciChartSurface.RenderableSeries>
        <!-- Candlestick bodies now support gradients as well as solid colours -->
        <s:FastCandlestickRenderableSeries>
            <s:FastCandlestickRenderableSeries.UpBodyBrush>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                    <GradientStop Offset="0" Color="#55002200" />
                    <GradientStop Offset="1" Color="#FF00AA00" />
                </LinearGradientBrush>
            </s:FastCandlestickRenderableSeries.UpBodyBrush>
            <s:FastCandlestickRenderableSeries.DownBodyBrush>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                    <GradientStop Offset="0" Color="#55441111" />
                    <GradientStop Offset="1" Color="#FFFF0000" />
                </LinearGradientBrush>
            </s:FastCandlestickRenderableSeries.DownBodyBrush>
        </s:FastCandlestickRenderableSeries>
        <s:FastLineRenderableSeries SeriesColor="#FF1919" />
        <s:FastLineRenderableSeries SeriesColor="#1964FF" />
        <s:FastLineRenderableSeries SeriesColor="#FF9B27" />
    </s:SciChartSurface.RenderableSeries>

    <s:SciChartSurface.XAxis>
        <s:CategoryDateTimeAxis GrowBy="0.0, 0.2" />
    </s:SciChartSurface.XAxis>

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


    <s:SciChartSurface.ChartModifier>
        <s:ModifierGroup>
            <s:CursorModifier ShowTooltip="True" TooltipLabelTemplateSelector="{StaticResource OhlcSeriesInfoTemplateSelector}"/>
        </s:ModifierGroup>
    </s:SciChartSurface.ChartModifier>

</s:SciChartSurface>

Best regards,
Yuriy