mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
47 lines
1.4 KiB
Markdown
47 lines
1.4 KiB
Markdown
# Diagram Component
|
|
|
|
Displays process diagrams.
|
|
|
|
## Basic Usage
|
|
|
|
This component shows the diagram of a process.
|
|
|
|
```html
|
|
<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).
|
|
|
|
```html
|
|
<adf-diagram
|
|
[processInstanceId]="processInstanceId">
|
|
</adf-diagram>
|
|
```
|
|
|
|
## API
|
|
|
|
```ts
|
|
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. |
|