DojoLineGraph

The DojoLineGraph widget displays line graphs.

Properties

data
The data that is plotted on the graph
height
The height of the graph in pixels
maxX
The maximum value to be displayed at the left of the x axis of the graph. Default is based on number of elements in data property.
maxY
The maximum value to be displayed at the top of the y axis of the graph. Default is based on value of data property.
minX
The minimum value to be displayed at the right of the x axis of the graph. Defaults to 0.
minY
The minimum value to be displayed at the bottom of the y axis of the graph. Defaults to 0.
showMarkers
Defines whether a marker (point) is shown on the line for the data that is being graphed. Valid values are true and false.
true
A marker is shown on the line for each of the items being graphed.
false
A marker is not shown on the line for each of the items being graphed.
showShadows
Defines if a shadow for the graph line is shown. Valid values are true and false.
true
Graph shadow is shown.
false
Graph shadow is not shown.
tension
Sets the curvature of the graph
themeColor
The color of the graph. The color can be blue, red, cyan, green, orange, or purple.
width
The width of the graph in pixels

Example

The following example shows the code and output for a line graph.


new DojoLineGraph{data=[1.5, 2.8, 5.4, 3.6, 6 ,7.9 ], themeColor="blue",
								showMarkers=false, showShadows=false, tension="0",
								width="400", height="400" };					

Example of a line graph.

Feedback