Dependency arrows

English · Русский

Component options for @mes/aps@1.23.0. Prefix Settings names with schedule.; see how to fill in a record and tooltip row rules.

When arrows appear

Highlight an operation through its context menu: the whole order, subsequent operations, or preceding operations. The chart requests dependencies through the application's handler and draws arrows after that handler returns data.

Type	Line	Connection
Sequence	Solid	Between work-order operations
Supply	Dashed	From a supply icon to its consuming operation
Producer	Dashed	From a producing operation to its consumer

Colors

All three values are CSS color strings; see appearance.

appSettings.drawPreferences.highlightedArrowColorDefault

Solid sequence arrows between operations. Default: black.

appSettings.drawPreferences.highlightedArrowColorSupply

Dashed supply-to-consumer arrows. Default: #06641e.

appSettings.drawPreferences.highlightedArrowColorProducer

Dashed producer-to-consumer arrows. Default: #daa520. The producer bar's own shadow uses a fixed color and is not configured by this property.

Arrow tooltips

Unlike operation data, arrow fields are a fixed set constructed by the package. Only the following fields are passed to its tooltip.

flowArrowTooltipConfig

Solid work-order sequence arrow. Source fields have prefix fromOp., target fields toOp.. Each side supplies name, guid, position, startDate, finishDate, workOrder.number, workOrder.name, workOrder.quantity, workOrder.priority, and workOrder.dueDate. Example: fromOp.workOrder.number.

supplyArrowTooltipConfig

Dashed supply-to-operation arrow. Fields: quantity, supplyGuid (the material GUID), materialDefinitionName, materialDefinitionItemId, and materialDefinitionUOM.

producerArrowTooltipConfig

Dashed producer-to-consumer arrow. Fields: materialDefinitionName, materialDefinitionItemId, materialDefinitionUOM, and quantity.

Example

Blue sequence arrows and tooltips for two arrow types:

{
  "appSettings": {
    "drawPreferences": { "highlightedArrowColorDefault": "#3b82f6" }
  },
  "flowArrowTooltipConfig": {
    "fromOp.name": { "label": "From operation", "order": 1 },
    "toOp.name": { "label": "To operation", "order": 2 }
  },
  "supplyArrowTooltipConfig": {
    "quantity": { "label": "Quantity" }
  }
}

Solid arrows are blue; dashed arrows keep their defaults because nested objects merge by key. Hovering over an arrow from Cutting to Welding shows:

From operation: Cutting
To operation: Welding

A supply arrow shows one row, such as Quantity: 12.