Which JavaScript or ASP.NET Charting Component/Tool/Library Will Work For This?

Question

[Update]: Forgot to include ComponentArt...

Hi,

An interaction designer employed by the client I am currently working for produced some mock-ups, and now it is my job to determine the best way of implementing the charts included therein.

After looking at the options I am aware of and was able to find doing some simple Google searches, I have narrowed it down to using either ComponentArt, Dundas Charts or Infragistics, simply because from what I can see of their demos, they have certain features I believe I will need to get things done.

Here are the pictures from the mock-ups - ideally I need one piece of software that will cover all of these:

---

This chart seems to be simple enough.

---

Notice the arbitrary spacing between the years - not yet sure if this will be a sticking-point for the client or not.

---

I don't know that I have ever seen a chart like this one - it combines the previous chart with some additional data.

---

Here is the same chart, only this time illustrating what happens when a user mouses-over or clicks on an annotation within the chart. They want the nice styling within the pop-up, so the pop-up needs to be something like an iframe or similar. Obviously, as long as a control supports client-side events, with associated metadata, I can create the pop-up myself.

---

Any ideas or recommendations would be appreciated, I haven't used charting controls in years, so I am at a bit of a loss and the client wants an estimate soon.

Thank you!

Answer 1

Have a look at the Google charts and visualizations APIs or MilkChart for Mootools

Answer 2

If you are ready to spend few hundreds, I would suggest you to choose adobe flex charting components.

They are pretty cool with tones of features in them.

I'm using adobe's flex charting component in all my projects after using YUI charts, which has very limited features.

Answer 3

DevExpress also have charting components which should be on par with Infragistics or ComponentArt.

For a couple of charts that we use in both a WinForms and WebForms application that required some pretty hairy features, we used the ProEssentials Charts from Gigasoft...The best feature of the ProEssentials charts was that the support was by far the best of any product we've ever used (charting or non charting). We received email replies within 24 hours no matter what issue we had or day/time of week etc from people who know exactly how it was...however, the cost of the controls is definitely at the higher end...

Answer 4

http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

this would be the JavaScript chart I'd like to recommend. however it seems you may still need to do a little bit custom coding, to meet the requirement you need

Answer 5

Telerik RadCharts are also a good option..they allow advanced charting features...and also work good with AJAX

Answer 6

Raphaël (http://raphaeljs.com/) is also really nice and powerfull.