CODEWITHSUNDEEP
javascript
udexter
udexter

Reputation: 2347

Generating graphs on-the-fly with JavaScript with mouseover "captions"

I am developing a backend that requires to have graphs with information associated in a javascript why. The idea is to reproduce something similar to Google Analytics/Webmaster Tools:

example of graph

I also like to reproduce the "hover" caption when someone moves throw the days.

Does anybody knows if this is possible to do it with JavaScript? It's not allowed to use jQuery, so no "use jQuery" replies please.

Thank you in advance

Upvotes: 1

Views: 883

Answers (2)

Liudmil Mitev
Liudmil Mitev

Reputation: 484

There are loads of svg-based javascript libraries for drawing charts that support custom tooltips among other features.

My personal favourite is Highcharts which is a full-feautured stand-alone library.

The charting libraries of Dojo, ExtJS and YUI3 are also very good and support custom tooltips if you don't mind them being not standalone.

All of these libraries support at least IE7+, mobile devices and all other major browsers.

I suggest using them instead of making your own javascript code for charts. They are all amazingly customizable and unless you need a very special kind of charts these will work great for you.

Upvotes: 2

Saeed Neamati
Saeed Neamati

Reputation: 35842

Google Analytic's graphs are Flash, not JavaScript.

To draw graphs using JavaScript you can use SVG (Scalable Vector Graphics) and I suggest Raphael. Take a look at it.

Upvotes: 0

Related Questions