SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components


Is there any example of how to modify the intersection point template of where a verticallineannotation intersects say a fastlinerenderableseries?

The default is simply the value with a gray background.
In the “Series Vertical Slices” example I can see it includes the series name, but I don’t see anything in the “Source Code” that even asks for it.

Thanks for any help!

  • You must to post comments
Best Answer

Hi there,

Actually I just discovered that we don’t have any articles on styling the VerticalLineAnnotation when used in the VerticalSliceModifier funnily enough … however VerticalSliceModifier does inherit VerticalSliceModifierBase and TooltipModifierBase, which are base classes for the RolloverModifier.

And we do have articles on how to style the rollover:

  1. Adding TimeSeries Tooltips with the RolloverModifier. Scroll down to Styling the RolloverModifier
  2. Also of interest is Adding RolloverMarkers for the RolloverModifier
  3. … and SeriesInfo – The Series ViewModel for Legends, Tooltips, Rollovers
  4. … and Adding Data-Point Tooltips with the TooltipModifier

So, putting this together, I believe you can style the markers and tooltips of the VerticaSliceModifier as follows:

   <!-- In resources -->
    <s:ColorToBrushConverter x:Key="ColorToBrushConverter"/>

    <!-- The Tooltip Control Template, Binds to SeriesInfo -->
    <ControlTemplate x:Key="RolloverLabelTemplate" TargetType="s:TemplatableControl">
            <Ellipse Fill="#77FFFFFF"
             Stroke="{Binding SeriesColor, Converter={StaticResource ColorToBrushConverter}}"
             StrokeThickness="2" />
            <StackPanel Margin="20">
                <TextBlock FontSize="12"
                   Foreground="{Binding SeriesColor, Converter={StaticResource ColorToBrushConverter}}"
                   Text="{Binding SeriesName}" />
                <TextBlock FontSize="11"
                   Foreground="{Binding SeriesColor, Converter={StaticResource ColorToBrushConverter}}"
                   Text="{Binding Value}" />

   <!-- In VerticalSliceModifeir declaration -->
   <s:VerticalSliceModifier Name="sliceModifier" TooltipLabelTemplate="{StaticResource RolloverLabelTemplate}">

Result (attached image)

*Beautiful … Artisitic … *

Best regards,

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.