HTML5 Charting in ASP.NET using RadHtmlChart

2,671 views
2,472 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,671
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Phil
  • Phil
  • Phil
  • Iris
  • Iris
  • Iris
  • Iris
  • Jesse - demo qsf and then drop in a grid from scratch and modify the grid to show column control
  • Phil
  • 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

    ×