Tooltip on Sparkline

4 posts, 0 answers
  1. David
    David avatar
    2 posts
    Member since:
    Sep 2011

    Posted 08 Apr 2015 Link to this post

    Is it possible for the sparkline points to have unique tooltips?  I'd like the user to be able to hover over the sparkline and see XValue and YValue in a tooltip.



  2. Petar Marchev
    Petar Marchev avatar
    968 posts

    Posted 13 Apr 2015 Link to this post

    Hi David,

    We have not implemented the tooltip to be a built-in feature for the sparklines, because we have created them with the purpose of being used in a GridView or a ListBox. This being the case, there would be so many sparklines and it wouldn't make much sense for the items to have a unique tooltip because the reader would have to spend too much time checking out the tooltips of all these items.

    Any way, even though the tooltips do not come out-of-the-box, you should be able to set a tooltip content and a tooltip template for the items of a sparkline. This can be done via an implicit style. I have attached a small project demonstrating the approach for the column sparkline. Let us know if you need more information.

    Petar Marchev

    See What's Next in App Development. Register for TelerikNEXT.

  3. DevCraft R3 2016 release webinar banner
  4. Joseph Lam
    Joseph Lam avatar
    10 posts
    Member since:
    Jan 2010

    Posted 01 Oct 2015 in reply to Petar Marchev Link to this post

    How can I get tooltip for every item marker of a RadLinearSparkline inside a RadTimeBar?
  5. Peshito
    Peshito avatar
    493 posts

    Posted 06 Oct 2015 Link to this post


    You use the MarkerStyle property of the RadLInearSparkline control in order to apply the implicit style suggested earlier by Petar Marchev.

    For instance:
            <DataTemplate x:Key="TooltipTemplate">
                <Border Background="#88FFFFFF">
                        <TextBlock Text="{Binding DataItem.Name}" />
                        <TextBlock Text="{Binding DataItem.YVal}" />
                        <TextBlock Text="{Binding DataItem.XVal}" />
            <telerik:RadLinearSparkline MinYValue="0"
                        <Setter Property="telerik:RadToolTipService.ToolTipContent" Value="{Binding}" />
                        <Setter Property="telerik:RadToolTipService.ToolTipContentTemplate" Value="{StaticResource TooltipTemplate}" />
    Hope this helps.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top