RadHtmlChart

  • All essential chart types
  • Client-side rendering for better server performance
  • Easy data binding and intuitive markup

All controls

  • Any Essential Chart Type

    Quickly add meaning to data with the most commonly used ASP.NET charting types:

    • Pie or Donut chart to visualize each piece of data as part of a whole
    • Line or Area to monitor trends
    • Bar, Column or Radar to compare several sets of data
    • Scatter, ScatterLine or Bubble to visualize the correlation in a set of engineering data
    • Candlestick to keep track of your financial performance
    • Box Plot to graphically depict your statistical data
    • Funnel to represent the stages in a process
    • Waterfall to represent cumulative effect of consecutive positive or negative values
    • Polar to plot engineering data in a polar coordinate system
    • Sparklines to provide context to your data

    Line series can have Spline or Step Line appearance:

    • Spline curves help you make trends more evident
    • The Step Line setting is useful for visualization of intermittent discrete data

    Any Essential Chart Type
  • Support for Various Data Types

    Support for Various Data Types

    You can feed various data types into the chart. Depending on the chart type, numerical data can be distributed on the X-axis over other numbers, categories (strings) or points in time (DateTime).

  • Zoom and Scroll Data Displayed Over Time

    Data Navigation functionality lets you zoom and scroll data displayed over time. You can easily navigate price movements of financial instruments with Candlestick series, trends with Line series, and sets of data with Area and Column series.

    Demo
    Zoom and Scroll Data Displayed Over Time

  • 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.

  • Built-In Skins to Style Your ASP.NET Chart

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

    Built-In Skins to Style Your ASP.NET Chart
  • Data Binding: Server-Side and Client-Side

    Data Binding: Server-Side and Client-Side

    Use just a few properties to bind the Telerik 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.

    You can also use a JSON string or an array of JSON objects to change the datasource of the control on the client.

  • 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.

    Demo
    Multiple Series and Combination Charts

  • 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.

  • Ease of Use Thanks to Intuitive Markup Structure

    The Telerik 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 enables better feature separation instead of flooding one tag with a myriad of properties.

  • Rich Server-Side API

    Easily modify every aspect of the chart configuration, including colors, sizing, animations, etc. The intuitive server-side API of the Telerik Chart allows you to easily create the chart programmatically. This makes the control easily adaptable to a myriad of scenarios. 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. Hovering over a series name in the legend highlights the entire series in the chart, while clicking on it toggles its visibility, so users can concentrate on important data. Demo
  • Easy-to-Customize Appearance and Alignment

    Easy-to-Customize Appearance and Alignment

    You can either use the automatic axis setup and layout adjustment to have the Telerik ASP.NET 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.

    You can also take advantage of the exposed color properties and set conditional formatting to your chart series.

    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. Demo

  • Visual Studio Integration and Design-Time Support

    Install Telerik UI for ASP.NET AJAX, the suite containing RadHtmlChart, to get the control available in your Visual Studio Toolbox. Drag 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.

  • 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.

    Mobile Support
  • Cross-Browser Support

    Cross-Browser Support

    When using the control in your apps, rest assured it behaves as expected and has a consistent look and feel in all browsers used.

    Read the full list of supported browsers
Data Management
Editors
Scheduling
Spell Checking
Navigation
Ajax
Layout
Data Visualization
Performance
File Upload & Management
Theming
Social
Media
Interactivity & UX
SharePoint Web Parts
Document Processing

Next Steps

Download 30-day free trial

Try UI for ASP.NET AJAX with dedicated technical support.

Launch demos

See the UI for ASP.NET AJAX in action and check how much it can do out-of-the-box.

See pricing

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

Get Products
Solutions
Resources
Recognition
Company
CONTACTS
  • USA: +1 888 365 2779
  • UK: +44 20 7382 4450
  • India: +91 124 4300987
  • Germany: +49 89 2441642-70
  • Bulgaria: +359 2 8099850

Copyright © 2017, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.

Terms of UseSite FeedbackPrivacy Policy

Powered by Progress Sitefinity