Bookmark and share:
Bookmark with delicious tweet this site

RGraph: HTML5 canvas graph library - Line chart

Like the Bar chart, the line chart is one of the most versatile chart types. It is similar, but can indicate chronological data better. The line chart is good if, for example, you want to illustrate sales figures over a year (or any period of time). You'll then be able to easily see whether sales are going up, down or are stagnant. It will also become apparent which months are busier than others. By using a multiple line chart you can add multiple sets of data (eg two or more years of figures) to your chart. You can customise the line chart by stipulating it as being filled, having drop shadows, keys, having the X axis in the centre, different colors, different tickmark styles and tooltips etc.

The first graph uses external DIVs for the tooltip contents. The DIVs are at the bottom of this page (they're set not to be visible). Using external DIVs for tooltips can make maintenance easier.

[Please wait...] [Please wait...] [Please wait...] [Please wait...]
China
A populous country
Los Angeles
Home of sexy time!
Plymouth
Plenty of surfers dude
Meadowhall
Shopping heaven (or hell...) here
Sydney
Home of kangeroos
Toronto
Brrrr, chilly
France
Ever had frogs legs?
Norway
Skiing here
Sweden
Skiing here too
Spain
Hola!
Deli
Hot and humid here
Congo
Not exactly a holiday resort
Plymouth
Plenty of surfers here
Brazil
Fooseball
Califonia
"I'll be back..." And he was
New York
Home of the Friends comedy show
Paris
Ever eaten frogs legs?
UK
Not a place for getting sun-tans
Antartica
Surprisingly, incorporates the driest place in the world
Sahara
A questionable film, and a rather hot place
Zagreb
Anyone know where this is...?