Building RadCharts Overview

RadChart has been deprecated since Q3 2014 and is no longer recommended for use, as it does not support modern browsers. We strongly recommend using RadHtmlChart, Telerik's modern client-side charting component. To transition from RadChart to RadHtmlChart, refer to the following migration articles:

• Migrating Series
• Migrating Axes
• Migrating Date Axes
• Migrating Databinding
• Features parity

Explore the RadHtmlChart documentation and online demos to determine how it fits your development needs.

To provide flexibility and best ease-of-use, Telerik provides multiple avenues to populate RadChart. There are four main techniques for building the chart: interactively at design-time, declaratively in the ASP.NET HTML markup, programmatically at runtime and by data binding.

In simple scenarios or to test out a design you can use the design-time interface to build the entire chart. Collection editors provide a consistent interface and easy navigation over all your chart series and series items. You can also use the RadChart Wizard to display a subset of the data.

If your design style leans towards working with the ASP.NET HTML code directly you can declaratively define your chart series and chart series items.

Most business applications display some sort of database data so RadChart fully supports binding data sources to labels and data elements. RadChart also supports data binding to the X-Axis. In addition to database data, RadChart can bind to XML. RadChart binds to ObjectDataSource to support enterprise multi-tier scenarios. And of course you can bind your chart to arrays, collections, generic lists of simple types and lists of objects.

To create and populate the RadChart, ChartSeries and ChartSeriesItem collections:

• At design time by using the editors for ChartSeries and ChartSeriesItem collections or using the RadChart Wizard.

• Declaratively in the ASP.NET HTML markup.

• Binding to a datasource at run time or design time.

• Bind to a datasource programmatically to populate the ChartSeries and ChartSeriesItem collections. See this minimal example of creating and populating a RadChart programmatically or this more complex example.

See Also

• Populate RadChart at Design-Time

• Creating RadChart Declaratively

• Creating RadChart Programmatically

• Creating RadChart Programmatically - more complex example

• Data Binding RadChart

• Data Binding RadChart to an Array

• Data Binding RadChart to a Database Object

• Data Binding RadChart to a Generic List

• Data Binding RadChart to a Generic List of Simple Types

• Data Binding RadChart to a Generic List of Objects

• Data Binding RadChart to a Generic List of Objects

• Data Binding RadChart to an ObjectDataSource

• Binding to ObjectDataSource at Run-Time

• Data Binding RadChart to ObjectDataSource at Design-Time

• Data Binding RadChart to an XML file

• Binding to XML at Design-Time using an XMLDataSource

• Binding to XML Directly at Run-Time