Skip to main content

Time Graph

The Time Graph component provides methods and properties to interact with time graphs. It is derived from the base component.

showLegend()​

Shows the graph legend.

showLegend(): void;

hideLegend()​

Hides the graph legend.

hideLegend(): void;

setYMin()​

Sets the minimum value of the Y-axis in the graph.

setYMin(yMin: number): void;

setYMax()​

Sets the maximum value of the Y-axis in the graph.

setYMax(yMax: number): void;

setYAuto()​

Sets the Y-axis to auto in the graph.

setYAuto(): void;

start()​

Starts the graph x-axis update.

start(): void;

stop()​

Stops the graph x-axis update.

stop(): void;

Data Groups​

Depending on the type of data group (line, bar, point), different methods are available:

Line Data Group​

addLineDataPoint()​

Adds a data point to the line data group.

addLineDataPoint(x: number, y: number): void;

addCurrentLineDataPoint()​

Adds a data point to the current line in the data group.

addCurrentLineDataPoint(y: number): void;

Bar Data Group​

addBarDataPoint()​

Adds a data point to the bar data group.

addBarDataPoint(x: number, y: number): void;

addCurrentBarDataPoint()​

Adds a data point to the current bar in the data group.

addCurrentBarDataPoint(y: number): void;

addFloatingBarDataPoint()​

Adds a floating bar data point to the bar data group.

addFloatingBarDataPoint(x: number, ymin: number, ymax: number): void;

addCurrentFloatingBarDataPoint()​

Adds a floating bar data point to the current bar in the data group.

addCurrentFloatingBarDataPoint(ymin: number, ymax: number): void;

Point Data Group​

addDataPoint()​

Adds a data point to the point data group.

addDataPoint(x: number, y: number): void;

addCurrentPointDataPoint()​

Adds a data point to the current point in the data group.

addCurrentPointDataPoint(y: number): void;

addBubbleDataPoint()​

Adds a bubble data point to the point data group.

addBubbleDataPoint(x: number, y: number, r: number): void;

addCurrentBubbleDataPoint()​

Adds a bubble data point to the current point in the data group.

addCurrentBubbleDataPoint(y: number, r: number): void;

Properties​

Data Groups​

For each data group in the graph configuration, a corresponding property is added.

datagroups.dataGroupName: DataGroup;

Data Markers​

For each data marker in the graph configuration, a corresponding property is added.

markers.markerName: DataMarker;