RadHtmlChart – Telerik’s ASP.NET
Chart Based on HTML5

  • All essential chart types
  • Client-side rendering for better server performance
  • Easy data binding and intuitive markup
See Demos Download Trial
Skip Navigation LinksProducts > ASP.NET AJAX Controls > Controls > HTML Chart

Overview

Choose the chart type that best fits your scenario and bind it to data in minutes by setting just a few properties. Leverage the client-side rendering for a performance boost and the modern SVG image format to allow user interactions. Change the appearance and alignment of the chart elements on the fly or simply use the automatic layout adjustment feature.

RadHtmlChart and 70+ other controls are part of RadControls 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.

Quick Links

Key Features

Any Essential Chart Type

Quickly add meaning to data with the most commonly used ASP.NET charting types RadHtmlChart gives you access to – use Pie or Donut chart to visualize each piece of data as part of a whole, Line or Area to monitor trends, Bar or Column to compare several sets of data, Scatter, ScatterLine or Bubble to visualize the correlation in a set of engineering data. 

View Demo
Quickly visualize data with different ASP.NET Chart types
Easily bind RadHtmlChart to any data source

Easy Server-side Data Binding to Any ASP.NET Data Source

Use just a few properties to bind Telerik’s ASP.NET Chart to the data source that suits your project best, be it a declarative ASP.NET DataSource control, such as SqlDataSource, LinqDataSource, EntityDataSource, XmlDataSource, etc., or programmatically on demand to DataSet, DataTable or any other custom object. Show additional fields in the tooltips or labels by defining your own client template.

View Demo

Client-side Rendering for Better Performance

RadHtmlChart for ASP.NET AJAX is rendered entirely through JavaScript, thus reducing the amount of work performed on the server. Instead of rendering the entire image on the server and sending its markup to the client, the engine sends only the serialized data, which ultimately boosts the performance of your application. The control is powered by Scalable Vector Graphics (SVG) allowing animations and interactivity in modern browsers with a fallback to Vector Markup Language (VML) for older browsers.

Smooth customization of the RadHtmlChart component

Easy-to-customize Appearance and Alignment

You can either use the automatic axis setup and layout adjustment to have Telerik’s ASP Chart decide how to best position its elements or take advantage of the built-in customization options for the axes, labels, tooltips, title, legend, etc. and quickly alter the alignment and appearance yourself.

View Demo

User Interactions with Animations and Highlighting

RadHtmlChart features built-in animations for smoother user experience and highlighting on hover for an enhanced data presentation and ease of use.

View Demo

Client-side Events for Maximum Flexibility

Respond to user actions or build upon the core chart functionality by handling the client-side events triggered upon hovers and clicks on the series. Use the exposed arguments to implement custom features, such as drill-down.

View Demo

Multiple Series and Combination Charts

RadHtmlChart gives you the freedom to display a number of series together and combine multiple similar chart types to achieve a comprehensive visualization of your data.

View Demo
Combine multiple similar ASP.NET Chart types

Rich Server-side API

Easily modify every aspect of the chart configuration, including colors, sizing, animations, etc. The intuitive server-side API of Telerik’s Chart allows you to easily create the chart programmatically, which makes the control easily adaptable to a myriad of scenarios.

View Demo

Printing and Exporting

Have your browser print only the chart, not the whole page. Leverage InkScape, an open source SVG editor, to export the visualized data.

More Ways the HtmlChart Takes Care of Everything

Visual Studio Integration – design time wizard, smart tag

Install RadControls for ASP.NET AJAX, the suite Telerik’s ASP.NET Chart is a part of, to get the control available in your Visual Studio Toolbox. Drag it and drop it onto the design surface and use the SmartTag, the Properties Window or the Design-Time wizards to codelessly configure the control and make it fully functional.

RadHtmlChart is available in your Visual Studio ToolBox

Ease of Use Thanks to Intuitive Markup Structure

Telerik’s Charting component for ASP.NET is designed with ease of use in mind – the markup structure closely resembles the actual structure of a chart to make it more comfortable. Detailed customization is usually done with inner tags, which allows for better separation of each feature instead of flooding one tag with a myriad of properties.

Built-in Skins to Style Your ASP.NET Chart

Use a single property to apply any of the twenty ready-to-use built-in themes to create a consistence look for your apps and save design and front-end development time. You can additionally customize the chart elements in the markup.

Mobile-ready ASP.NET Charts

Mobile Support

Why should you build a mobile version of your application when the same app can work equally well on mobile and desktop devices? Thanks to its modern rendering, RadHtmlChart works across all devices and handles touch events in the same manner as those triggered by a keyboard or a mouse.

Cross-browser Support

When using the control in your apps, you can rest assured that it behaves as expected and has a consistent look and feel in all browsers your users may be utilizing.

Read the full list of supported browsers
Cross-browser HTML5 charts in ASP.NET AJAX

Known Limitations

  1. Styling a single item is not possible (e.g. the border or the shape of the tooltips or the color of only one series item, or the positioning of the axis or series labels or content of a single tooltip/label in a series)
  2. The concept of the control is to work entirely on the client and thus the usual DataBound server events are not available

Works on

.NET Framework
3.5, 4.0, 4.5

Visual Studio Support
2008, 2010, 2012

C# / VB.NET

Browser support

  • Internet Explorer 6+
  • Mozilla Firefox 3.6+
  • Google Chrome 20+
  • Opera 10+
  • Safari 4+

Get Started

Get Help

See what else is part of RadControls for ASP.NET AJAX

Over 70

Feature-rich controls

Next Steps

Download 30-day Free Trial
With dedicated technical support!

Play with the demos

See the RadControls in action and check out how much they can do out of the box.

Compare prices

Check out the offers. Purchase an individual suite or treat yourself to one of our bundles.