RadChart with Tooltips and Scrolling

Thread is closed for posting
9 posts, 0 answers
  1. Tye
    Tye avatar
    18 posts
    Member since:
    Feb 2008

    Posted 21 Aug 2008 Link to this post

    Hello. With some help, we recently added the ability to scroll to our bar charts by adding a blank line series. After doing so, I noticed that the tooltips no longer appear when hovering over the bars in the bar chart. To make sure everything was working properly, I turned off scrolling and the tooltips appeared as they should.

    Is this a bug, or are additional steps needed to make this work?

    We're using the latest ASP.Net Ajax controls.

    Thanks! Please let me know if I can provide any more details.

  2. Giuseppe
    Giuseppe avatar
    2363 posts

    Posted 22 Aug 2008 Link to this post

    Hello Tye,

    Unfortunately the tooltip functionality is not supported when zooming and scrolling is enabled for the chart control and it would not be possible to apply both of them simultaneously.

    Sorry for the inconvenience.

    Kind regards,
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Robert
    Robert avatar
    1 posts
    Member since:
    Dec 2010

    Posted 04 Apr 2011 Link to this post

    Is this gap (tooltips not supported with RadChart zooming and scrolling) being considered for a future enhancement?  Unfortunately this gap prevents us from being able to utilize the zooming/scrolling feature which we would like to be able to do.
    Thank you,
  4. Giuseppe
    Giuseppe avatar
    2363 posts

    Posted 06 Apr 2011 Link to this post

    Hi Robert,

    Unfortunately this feature is still not implemented in the ASP.NET version of the control. I will forward your feedback to our developers but for the time being we do not have any concrete plans for the enhancement of the zoom/scroll functionality in RadChart for ASP.NET AJAX.

    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  5. Rita
    Rita avatar
    5 posts
    Member since:
    Oct 2011

    Posted 18 Feb 2012 Link to this post

    I have a related question in regard to scrolling using a RadChart. We are currently using Telerik version 2009.01.0527.35 and are in need of adding horizontal scrolling. When I add the following line of coode:
    <ClientSettings ScrollMode="XOnly" EnableZoom="false" />
    the following problems appear:
    1. a loading icon appears in the middle of the chart (see attached file) and remains there
    2. the tooltips no longer appear when hovering over data points. If I take the above line of code out, the tooltips appear once again
    3. the legend, the location of which is set to inside the plot area, no longer appears.
    I have tried several other approaches in setting the scroll mode (both from code behind and in aspx file) but these problems still seem to come back.

    I also have another question in regards to compatibility. We are currently using Visual Studio 2008 with .NET 3.5 and Telerik version 2009.01.0527.35. We are looking to migrate to VS 2010 and .NET 4.0. Is our current version of Telerik license compatible with the above tools or will we need to upgrade?

    I appreciate your help for these 2 questions. If possible, I'd appreciate come code samples for question #1.

  6. Giuseppe
    Giuseppe avatar
    2363 posts

    Posted 22 Feb 2012 Link to this post

    Hello Tye,

    Onto your questions:
    • We suppose you are using chart skin like Vista that does not apply background color to the PlotArea by default and that is why you are still seeing the loading image even after the data has been loaded. You can either set background to the PlotArea, or you can remove the loading image by applying the following css class in your page:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <style type="text/css">
            .rchImgWrap div
                background: url() !important;
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <telerik:RadChart ID="RadChart1" runat="server" AutoLayout="true" Skin="Vista">
                <ClientSettings ScrollMode="Both" />
                <Legend Visible="False"></Legend>

    • Interactivity features like tooltips and mouse click events are not supported when zooming / scrolling is enabled. This is a limitation of the control that cannot be worked around.
    • This again is a limitation of the control -- whenever zooming / scrolling is enabled, you need to position the legend outside of the plot area to see it.

    As for your versioning question -- you should be able to use .NET3.5 assemblies in .NET4.0 applications without any issues but we would recommend upgrading to a more recent versions of the controls as v.2009.01.0527 is almost two years old now.

    All the best,
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  7. Asutosh
    Asutosh avatar
    130 posts
    Member since:
    Sep 2013

    Posted 24 Jun 2014 in reply to Giuseppe Link to this post

    i am using rad chart
    in that i have 2 series 
    1 is bar and another is line 
    now issue is that my data is aprox 6o
    so all data are coming too near
    so i have put scroll in that 
    its not working in it
    and also tool tip is not working in it
    i have attached my result snapshot
    and also i want small step in x-axis and want space between bar
    how to do that
    1 is bar and another is line
  8. Asutosh
    Asutosh avatar
    130 posts
    Member since:
    Sep 2013

    Posted 25 Jun 2014 Link to this post

    can somebody please reply its bit urgent
  9. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 27 Jun 2014 Link to this post

    Hi Asutosh,

    You can control the step through which x-axis labels will be plot through the XAxis.LabelStep property. Regarding the width of the bars you can control it through the Appearance-BarWidthPercent property. For example:
    <telerik:RadChart ID="RadChart1" runat="server" Height="400px" Width="700px" AutoLayout="true">
            <XAxis LabelStep="2">
            <telerik:ChartSeries Type="Bar" Name="Series 1" Appearance-BarWidthPercent="40">
                <Appearance ShowLabels="false"></Appearance>
            <telerik:ChartSeries Type="Line" Name="Series 2">
                <Appearance ShowLabels="false"></Appearance>
        <Legend Visible="false"></Legend>
    protected void Page_Load(object sender, EventArgs e)
        int numSeriesItems = 60;
        for (int i = 1; i < numSeriesItems; i++)
            ChartSeriesItem csi1 = new ChartSeriesItem() { YValue = i };
            ChartSeriesItem csi2 = new ChartSeriesItem() { YValue = i + 5 };

    You may also find useful BarOverLapPercent and BarWidthPercent and LabelStep Property help articles.

    Danail Vasilev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top