Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Chart / Item Tooltips in Radchart

Attention! Temperature too low! Measurement 01: Temperature: 7 Attention! Temperature too high! Measurement 02: Temperature: 37 Measurement 03: Temperature: 30 Attention! Temperature too high! Measurement 04: Temperature: 38 Attention! Temperature too low! Measurement 05: Temperature: 2 Attention! Temperature too low! Measurement 06: Temperature: 4 Attention! Temperature too high! Measurement 07: Temperature: 36 Measurement 08: Temperature: 18 Attention! Temperature too low! Measurement 09: Temperature: 2 Measurement 10: Temperature: 24 Measurement 11: Temperature: 30 Attention! Temperature too low! Measurement 12: Temperature: 0 Attention! Temperature too high! Measurement 13: Temperature: 37 Measurement 14: Temperature: 23 Measurement 15: Temperature: 29 Measurement 16: Temperature: 23 Attention! Temperature too high! Measurement 17: Temperature: 34 Attention! Temperature too high! Measurement 18: Temperature: 34 Attention! Temperature too low! Measurement 19: Temperature: 8 Attention! Temperature too high! Measurement 20: Temperature: 32
 
Did you know that you can add Telerik Silverlight Charts to your ASP.NET applications?

RadControls for Silverlight


  • This example shows RadChart and RadTooltip integration. RadChart creates image maps, all you need to do is provide the corresponding values to the properties of ActiveRegion object. This example shows setting ToolTip property in ItemDataBound event  handler. RadTooltipManager control provides the means to easily enhance existing tooltips.

    ItemDataBound event is fired for each ChartSeriesItem allowing customization for individual items. Note the difference in the tooltip content for items with values less than 10 and more than 30.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Chart.Examples.Tooltips.DefaultCS" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
    <head runat="server">
        <telerik:HeadTag runat="server" ID="Headtag1"></telerik:HeadTag>
    </head>
    <body class="BODY">
        <form id="mainForm" runat="server" method="post">
            <telerik:Header ID="Header1" runat="server" AccessibilityLevel="AAA" NavigationLanguage="C#">
            </telerik:Header>
            <!-- content start -->
            <asp:ScriptManager ID="ScriptManager" runat="server" />
            <telerik:RadChart ID="RadChart1" runat="server" AutoLayout="true" OnItemDataBound="RadChart1_ItemDataBound"
                Skin="Vista" Width="600px">
                <ChartTitle TextBlock-Text="Temperature">
                </ChartTitle>
                <Series>
                    <telerik:ChartSeries DataYColumn="Temp" Name="Series 1" Type="Line">
                        <Appearance>
                            <TextAppearance TextProperties-Font="Arial, 8.25pt" />
                            <PointMark Visible="True" Border-Width="2" Border-Color="DarkKhaki" Dimensions-AutoSize="false"
                                Dimensions-Height="12px" Dimensions-Width="12px">
                                <FillStyle MainColor="186, 207, 141" FillType="solid">
                                </FillStyle>
                            </PointMark>
                            <LineSeriesAppearance Width="5" />
                        </Appearance>
                    </telerik:ChartSeries>
                </Series>
                <PlotArea>
                    <XAxis DataLabelsColumn="Measurement">
                        <Appearance>
                            <TextAppearance TextProperties-Font="Arial, 8.25pt, style=Bold" />
                            <LabelAppearance RotationAngle="30" >
                            </LabelAppearance>
                        </Appearance>
                    </XAxis>
                    <YAxis AxisMode="Extended">
                        <Appearance>
                            <TextAppearance TextProperties-Font="Arial, 8.25pt, style=Bold" />
                        </Appearance>
                    </YAxis>
                </PlotArea>
                <Legend Visible="false"></Legend>
            </telerik:RadChart>
            &nbsp;
            <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Skin="Telerik"
                Width="200px" Animation="Slide" Position="TopCenter" EnableShadow="true" ToolTipZoneID="RadChart1" AutoTooltipify="true">
            </telerik:RadToolTipManager>
            <!-- content end -->
            <telerik:Footer ID="Footer1" runat="server"></telerik:Footer>
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451