mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
31479cfaa4
* [ADF-4152] Moved proc services cloud docs to subfolders * [ADF-4152] Fixed links in PS cloud docs * [ADF-4152] Added subfolders and checked links for extensions and insights docs * [ADF-4152] Moved proc services cloud docs to subfolders * [ADF-4152] Fixed links in PS cloud docs * [ADF-4152] Added subfolders and checked links for extensions and insights docs * [ADF-4152] Fixed links in Proc cloud, Insights and Extensions docs * [ADF-4152] Updated links in user guide * [ADF-4152] Fixed broken links in tutorials * [ADF-4152] Fixed remaining links in core docs * [ADF-4152] Fixed remaining links in proc services docs * [ADF-4152] Fixed remaining links in content services docs * [ADF-4152] Fixed links in breaking changes docs * [ADF-4152] Updated main README index page * [ADF-4152] Fixed glitches with preview ext component docs
49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
---
|
|
Title: Diagram Component
|
|
Added: v2.0.0
|
|
Status: Active
|
|
---
|
|
|
|
# [Diagram Component](../../../lib/insights/diagram/components/diagram.component.ts "Defined in diagram.component.ts")
|
|
|
|
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>
|
|
```
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| height | `number` | 500 | |
|
|
| metricColor | `any` | | |
|
|
| metricPercentages | `any` | | |
|
|
| metricType | `string` | "" | |
|
|
| processDefinitionId | `any` | | |
|
|
| processInstanceId | `any` | | |
|
|
| width | `number` | 1000 | |
|
|
|
|
### Events
|
|
|
|
| Name | Type | Description |
|
|
| ---- | ---- | ----------- |
|
|
| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Object>` | |
|
|
| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Object>` | |
|