function Graph(parent, name, color)
{
	Component.call(this, parent, "div");

	var self = this;

	this.element.style.overflow = "visible";

	/**
	 * Scale margin in pixels.
	 *
	 * @property scaleMargin
	 * @type {number}
	 */
	this.scaleMargin = 22;

	/**
	 * Value button size.
	 *
	 * @property buttonRadius
	 * @type {number}
	 */
	this.buttonRadius = 10;

	/**
	 * Maximum value displayed vertically.
	 *
	 * @property max
	 * @type {number}
	 */
	this.max = 1.0;

	/**
	 * Minimum value displayed vertically.
	 *
	 * @property min
	 * @type {number}
	 */
	this.min = 0.0;

	/**
	 * Grid drawing canvas element.
	 *
	 * @property grid
	 * @type {Element}
	 */
	this.grid = document.createElement("canvas");
	this.grid.style.position = "absolute";
	this.grid.style.marginLeft = this.scaleMargin + "px";
	this.element.appendChild(this.grid);

	/**
	 * The graph lines stored in this graph.
	 *
	 * @property graph
	 * @type {Array}
	 */
	this.graph = [];
	this.addGraph(name, color);
	
	/**
	 * Scale DOM elements.
	 *
	 * @property scale
	 * @type {Array}
	 */
	this.scale = [];
	this.createScale(3);
}
Graph element is used to draw interactive line graphs.

It is meant to be used as input in forms to controls values in arrays.

Multiple sub graphs can be displayed, each graph has a name that can be used to access its properties.

@class Graph
@extends {Component}
@param {Component} parent Parent element.
@param {string} name Name of the default graph.
@param {string} color CSS hex color code of the default graph.