Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 Charting in ASP.NET using RadHtmlChart

3,428 views

Published on

Slide deck used for Webinar "HTML5 Charting in ASP.NET using RadHtmlChart" on Jul 25

Published in: Technology
  • Be the first to comment

  • Be the first to like this

HTML5 Charting in ASP.NET using RadHtmlChart

  1. 1. Today’s session will be recorded and available 24/7 on http://telerikhelper.net facebook.com/telerik @telerik HTML5 Charting in ASP.NET
  2. 2. Introduction Lohith G N Microsoft MVP, MCP Developer Evangelist, Telerik Email: lohith.nagaraj@telerik.com Twitter: @kashyapa Blog: http://www.kashyapas.com Blog: http://telerikhelper.net
  3. 3. Roadmap for Today HTML5 Charting RadControls RadHtmlChart Demo
  4. 4. Webinar Giveaway • 2 attendee will receive .NET Ninja T-Shirt • The Winner will be announced telerikhelper.net in a blog post
  5. 5. HTML5 Charting
  6. 6. HTML5 One Web For All – W3C
  7. 7. Visualization Techniques  SVG  Scalable Vector Graphics  Vector Based Graphics for Web  XML Format  Zoom or Resize – no loss  Every Element/Attribute can be animated  W3C recommendation  Integrates with DOM  Ideal for charts  Canvas  2D drawing surface  Use JS API to draw  Raster Based Graphics  Ideal for large scale graphical applications like Games
  8. 8. Demo SVG & Canvas in action
  9. 9. RadControls for ASP.NET AJAX
  10. 10. RadControls for ASP.NET AJAX  Development toolset  70 ASP.NET AJAX Controls  Rapid UI Development
  11. 11. Features  Minimal & clean HTML and CSS  Minimizing JavaScript  Reducing Postbacks  Compressing data transferred  Built-in CDN support  CSS sprites
  12. 12. What’s Included ?
  13. 13. HTML5 Charting in ASP.NET AJAX
  14. 14. RadHtmlChart  Charting Component  Based on HTML5  All Chart Types  Client side rendering  SVG output
  15. 15. Features Any Essential Chart Type  Pie  DoNut  Line  Area  Bar  Column  Scatter  ScatterLine  Bubble  CandleStick
  16. 16. Features Data Binding – Server/Client
  17. 17. Features  Support Various Data Types  SVG output – Modern Browsers  Fallback to VML – Older Browsers  Easy Customization – Appearance  Interactions – Animations/Highlighting  Client Side Events/Rich Server Side API
  18. 18. Features Multiple Series & Combination Charts
  19. 19. Browser Support
  20. 20. Demos RadHtmlChart in Action
  21. 21. Email Twitter Lohith.nagaraj@Telerik.com @kashyapa Download RadControls for ASP.NET AJAX at http://www.telerik.com/products/aspnet-ajax.aspx Q & A

×