Chart (Obsolete)

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

RadChart - Telerik's ASP.NET Chart

If you are considering Telerik’s Chart control for new development, you might be interested in checking out our newer HTML5-based Chart for ASP.NET AJAX.
GDP by Year:
 





tlrk.it/1dSHtz9 To test the behavior of our controls on mobile devices, scan the QR code.

tlrk.it/1dSHtz9

About RadChart for ASP.NET AJAX

The versatile nature of Telerik Charts allow you to add financial, scientific, engineering, business or any kind of relevant data to charts that can be integrated into your applications. RadChart for ASP.NET AJAX encompasses a myriad of data visualization features, flexible databinding combined with an innovative rendering engine for remarkable performance, quality, and polished images. If you are just starting your project and want to have highly interactive, rich, animated or even 3D charts the Telerik Silverlight Charts are the perfect fit for your ASP.NET apps.

RadChart and 80+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.


Get Started

  • Use Telerik’s Visual Studio Extensions (which you have installed together with the Telerik controls) to quickly create, upgrade and configure your Telerik UI projects. Save time by using the ready-to-use Visual Studio templates that cover common application scenarios.
  • Find the controls in need in your VS toolbox and use the Design-time surface and rich wizards to configure them quickly.
  • If you’d like to learn more about how to best implement the controls, browse the Telerik folder in your Start menu and use the shortcuts there to access the local demos, online documentation or open the sample examples app in Visual Studio.
  • If you like this particular Chart demo, you can use the following path to find it in the sample website application:
chart/examples/overview

Key Features

  • Various Chart Types.
  • Data Binding.
  • Zooming and Scrolling.
  • Intellingent Labels.
  • Drill Down

Resources

C# VB
Show code in new window Demo isolation steps
<%@ Page Inherits="Telerik.ChartExamplesCS.DatabaseBinding.DefaultCS" Language="c#"CodeFile="DefaultCS.aspx.cs"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>
<%@ Register Namespace="Telerik.QuickStart" TagPrefix="qsf" %>
<%@ Register Src="~/Chart/Examples/Overview/Info.ascx" TagPrefix="qsf" TagName="Info" %>
<%@ Register TagPrefix="uc1" TagName="RadHtmlChartInfoBox" Src="~/Chart/Common/RadHmlChartInfoBox.ascx" %>
<!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'>
<head>
    <title>ASP.NET Chart control demo | RadChart tutorials</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
     <uc1:RadHtmlChartInfoBox ID="RadHtmlChartInfoBox1" runat="server" />
     <asp:Label ID="Label1" runat="server" class="text">GDP by Year: </asp:Label>
     <asp:DropDownList ID="dropDownYears" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dropDownYears_SelectedIndexChanged">
     </asp:DropDownList>
     <br />
     &nbsp;<telerik:RadChart ID="RadChart1" runat="server" Height="333px" Skin="LightGreen"
          Width="700px" OnItemDataBound="RadChart1_ItemDataBound" AutoLayout="true" AutoTextWrap="true">
          <Series>
               <telerik:ChartSeries Name="Series 1" Type="Pie" DataYColumn="Sum">
                    <Appearance LegendDisplayMode="ItemLabels">
                    </Appearance>
               </telerik:ChartSeries>
          </Series>
     </telerik:RadChart>
     <br />
     <br />
     <br />
     <label for="dropDownCategory">
          <asp:Label ID="Label2" runat="server" class="text">GDP by Industry:</asp:Label>
     </label>
     <asp:DropDownList ID="dropDownCategory" runat="server" AutoPostBack="True" Width="225"
          OnSelectedIndexChanged="dropDownCategory_SelectedIndexChanged">
     </asp:DropDownList>
     <br />
     <br />
     <telerik:RadChart ID="RadChart2" runat="server" Height="333px" Skin="Vista" Width="700px"
          AutoLayout="true" AutoTextWrap="true">
          <PlotArea>
               <YAxis MaxValue="60" MinValue="-100" Step="20">
               </YAxis>
               <YAxis2 MaxValue="5" MinValue="1" Step="1">
               </YAxis2>
               <XAxis MaxValue="5" MinValue="1" Step="1">
               </XAxis>
          </PlotArea>
     </telerik:RadChart>
     <div class="qsf-overview-qr">
        <p>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Common/Images/QrCodesOverview/Chart.png" AlternateText="tlrk.it/1dSHtz9" />
            To test the behavior of our controls on mobile devices, scan the QR code.
        </p>
        <a href="http://tlrk.it/1dSHtz9">tlrk.it/1dSHtz9</a>
    </div>
    </form>
</body>
</html>