Name | Description | Data Type |
---|
addEnabled | If enabled, users can add events to an item's schedule. Note that Component Events must be configured to implement the desired functionality when the events are fired. | boolean |
resizeEnabled | If enabled, users can resize events. Note that Component Events must be configured to implement the desired functionality when the events are fired. | boolean |
moveEnabled | If enabled, users can move events. Note that Component Events must be configured to implement the desired functionality when the events are fired. | boolean |
deleteEnabled | If enabled, users can delete events. Note that Component Events must be configured to implement the desired functionality when the events are fired. | boolean |
items | The cells, or equipment items, with schedules displayed on the chart. Each row on the equipment schedule corresponds to one item. Name | Description | Data Type |
---|
id | The ID for the item. | value: any | label | The label for the item displayed on the equipment schedule. | value: string | iconConfig | Name | Description | Data Type |
---|
path | Image path to the icon. | value: string | color | The color of the icon. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | value: string | style | Sets a style for the icon. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| object | headerStyle | Sets a style for the header. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object | rowStyle | Sets a style for the row. Will override default styles set by the component's rowStyle property. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| array |
dateRange | Name | Description | Data Type |
---|
startDate | The beginning of the time range to display. | value: DateTime | endDate | The end of the time range to display. | value: DateTime |
| object |
defaultZoom | Default zoom level for the chart. Valid values include month, day, 12-hr, 8-hr, 6-hr, 3-hr, 15-minutes, hours, and minutes. | value: string |
rowHeight | Sets the height for all rows on the equipment schedule. | value: numeric |
scheduledEvents | The scheduled events for all configured items. Name | Description | Data Type |
---|
itemId | The item identifier where this event is scheduled. | value: any | eventID | The event identifier of the scheduled event. | value: any | startDate | The start date of the scheduled event. | value: DateTime | endDate | The end date of the scheduled event. | value: DateTime | label | The label for the event displayed on the equipment schedule. | value: string | leadTime | The amount of lead time to display on the equipment schedule before the scheduled event's startDate. | value: numeric | leadStyle | Sets a style for the leadTime. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object | percentDone | If progressBar is enabled, this value will be displayed in the event's progress bar. | value: numeric | style | Sets a style for the event. Will override styles set by scheduledEventStyle. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| array |
downtimeEvents | Downtime events correlated to a specific item. | array |
breakEvents | Scheduled breaks, which will appear as downtime for all items. | array |
selectedEvent | Name | Description | Data Type |
---|
itemId | The ID of the selected item. | value: any | eventId | The ID of the selected event. | value: any |
| object |
progressBar | Name | Description | Data Type |
---|
enabled | If enabled, scheduled events will display a progress bar. | boolean | bar | Name | Description | Data Type |
---|
color | The color of the progress bar. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | value: string | style | Sets a style for the progress bar. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| object | track | Name | Description | Data Type |
---|
color | The color of the progress bar track. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | value: string | style | Sets a style for the progress bar track. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| object | valueDisplay | Name | Description | Data Type |
---|
enabled | If enabled, the progress bar will display percentDone as a numeric value. | boolean | format | Sets a numeric format for the valueDisplay. Valid values include none, integer, percent, currency, and duration. | value: string | justify | Sets alignment for the valueDisplay on the progress bar. Valid values include left, center, and right. | value: string | style | Sets a style for the value display. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| object |
| object |
currentTimeIndicator | Name | Description | Data Type |
---|
color | The color of the current time indicator. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | value: string | opacity | The opacity level for the current time indicator. | value: numeric | width | The width of the current time indicator. | value: numeric |
| object |
headerStyles | Name | Description | Data Type |
---|
primaryHeaderStyle | Sets a style for the primary header. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object | secondaryHeaderStyle | Sets a style for the secondary header. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object | tertiaryHeaderStyle | Sets a style for the tertiary header. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
| object |
rowStyle | Sets a style for all rows. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
selectedEventStyle | Sets a style for the selected event. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
scheduledEventStyle | Sets a style for scheduled events. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
downtimeEventStyle | Sets a style for downtime events. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
breakEventStyle | Sets a style for break events. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
bodyStyle | Sets a style for the body. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |
style | Sets a style for the component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class . | object |