Class: Graph

Constructor

new Graph(width, height, position, options)

Creates a graph

Parameters:

Name Type Default Description

width

number

200

Width of the graph

height

number

200

Height of the graph

position

vec

Position of the graph

options

object

Other graph options

Properties

Name	Type	Attributes	Default	Description
`title`	string	<optional>	""	Title of the graph
`titleSize`	number	<optional>	14	Font size of title
`titleColor`	string	<optional>	"white"	Color of title
`enabled`	boolean	<optional>	true	If graph starts enabled
`anchorX`	"left" \| "right" \| "center"	<optional>	"left"	Relative x position of graph on the screen
`anchorY`	"top" \| "bottom" \| "center"	<optional>	"top"	Relative y position of graph on the screen
`background`	string	<optional>	"#0D0D0DE6"	Background color of graph
`padding`	number	<optional>	8	Amount of padding around the graph
`round`	number	<optional>	5	Amount of round around the graph
`scaleRange`	number	<optional>	100	Minimum y range. When specified as an integer rather than an array of min and max values, it uses auto scaling
`scaleRange`	Array	<optional>		Minimum and maximum y values of the graph, as Array of `[min, max]`. Leaving `undefined` or specifying a number uses auto scaling.
`maxLength`	number	<optional>	200	Maximum number of points the graph can have
`lineColor`	string	<optional>	"#9C9C9C"	Color of the line. Use this if you only have 1 value you're graphing
`lineColor`	object	<optional>	{ default: "#9C9C9C" }	Colors of each line name. Use this notation if you have multiple lines on one graph
`lineWidth`	number	<optional>	1	Width of the graph lines

Source: render/Graph.js, line 8

Example

let graph = new Graph(200, 150, new vec(20, 20), {
	maxLength: 800,
	title: "Hello graph",
	titleSize: 12,
	background: "transparent",
	lineColor: {
		itemA: "#9D436C",
		itemB: "#5EA8BA",
	},
	padding: 10,
	scaleRange: [0, 144 * 2],
});

Members

(readonly) enabled :boolean

If the graph is enabled

Type:

boolean

Source: render/Graph.js, line 28

Methods

setEnabled()

Set if the graph is enabled

Source: render/Graph.js, line 124

addData(value, nameopt)

Adds value to the graph

Parameters:

Name	Type	Attributes	Default	Description
`value`	number			Value to add
`name`	string	<optional>	"default"	Name of line

Source: render/Graph.js, line 251

Example

graph.addData(20); // Adds value 20. Only works if you used a string (not object) to set lineColor
graph.addData(102.4, "itemA"); // Adds value 102.4 to the line named itemA