Share:

RGraph: HTML5 canvas graph library - Examples of keys

As of 4th December 2010 the code that produces the keys has been rewritten. There are two variants of keys available, a horizontal one designed to sit in the gutter, and a vertical one that is designed to sit on top of (ie over) the graph.

The actual positioning is now configurable though, so you could have a horizontal key and position it to sit on top of the chart.

Key properties

The available key properties and their defaults are listed below (some graph types have slightly different defaults to suit):

• chart.key ([] (An empty array))
• chart.key.position (graph)
• chart.key.position.gutter.boxed (true)
• chart.key.position.x (null)
• chart.key.position.y (null)
• chart.key.shadow (false)
• chart.key.shadow.offsetx (2)
• chart.key.shadow.offsety (2)
• chart.key.shadow.color (#666)
• chart.key.shadow.blur (3)
• chart.key.color.shape (square)
• chart.key.background (white)
• chart.key.rounded (true)
• chart.key.text.size (10)