diagram.component.md

Diagram Component

Displays process diagrams.

Basic Usage

This component shows the diagram of a process.

<adf-diagram 
    [processDefinitionId]="processDefinitionId">
</adf-diagram>

The below component shows the diagram of a running process instance with the activities highlighted according to their state (Active/Completed/Pending).

<adf-diagram 
    [processInstanceId]="processInstanceId">
</adf-diagram>

API

import { DiagramComponent } from '@alfresco/adf-insights';

Properties

Name	Type	Default value	Description
height	number	500	height.
metricColor	any		metricColor.
metricPercentages	any		metricPercentages.
metricType	string	""	metricType.
processDefinitionId	any		processDefinitionId.
processInstanceId	any		processInstanceId.
width	number	1000	width.

Events

Name	Type	Description
error	EventEmitter<any>	error.
success	EventEmitter<any>	success.