WebForms Chart (HTML5) Overview
The ASP.NET AJAX Chart is a control powered by the Kendo UI Data Visualization Chart widget. The control provides a powerful charting mechanism based on SVG when shown in modern browsers like Firefox, Chrome, IE9+, Opera and VML fallback for older browsers like IE8 and below. It was added to the Telerik® UI for ASP.NET AJAX suite in Q2 2012. RadHtmlChart is the successor to RadChart.
The Chart (HTML5) is part of Telerik UI for ASP.NET AJAX, a
professional grade UI library with 120+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Key Features
This article provides a brief overview of the main features of the RadHtmlChart control.
pure client-side rendering through JavaScript which reduces the amount of work the server has to do—only serialized data is sent to the client instead of rendering the entire image and sending markup
-
a variety of different series types:
including stackable charts—Bar and Column
Support for various server datasources—Out of the box compatibility with the major declarative data sources(SqlDataSource, LinqDataSource,EntityDataSource, any IEnumerable collection, etc.).
Client-side databinding—Use a JSON string or an array of JSON objects to set a new data source for the chart.
DateTime support—The chart can be bound to a data source that contains DateTime objects or strings. Dates in labels and tooltips can be formatted.
Data Navigation for data displayed over time.
Animation effects when it is being rendered.
-
Interactive charts—RadHtmlChart offers animated transitions and hover effects:
Client-side events allow the developer to react to the user actions.
Hovering or clicking on the series name in the legend will highlight and toggle the visibility of the series.
Intuitive markup structure to make configuration easier - the code structure resembles the actual chart.
Design time configurator for even easier setup in design-time mode in Visual Studio.