---
title: "uptime chart · RUAL Documentation"
description: "Uptime chart"
canonical: https://docs.rual.nl/block-types/Component%20UI/component_customchart_uptime
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# uptime chart

This block is part of the [`Component UI`](https://docs.rual.nl/block-types/Component%20UI) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Uptime chart

- Name required `value`

- Data required `array` Each object in the data is a bar, specify a field in the object for the color, and connect it to the color field pin

- Color field required `fielddefinitions` Include in your object a field with a color,

- Unavailability required `fielddefinitions` When the selected field is filled in your object it will be used to calculate the uptime. This field needs to be a date/number with the total downtime in minutes

- Date required `fielddefinitions` This field will be used to dispaly the day

- Unavailable info required `fielddefinitions` Info why it was

- Max `number` Max amount of bars in the chart

Default `90`

- Default color `value` The color of the bar when the downtime/color field is not filled

Default `green`

- uicomponent `uicomponent`

| `graph` |
| --- |

A typical wiring for [uptime chart](https://docs.rual.nl/block-types/Component%2520UI/component_customchart_uptime): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `name` pin; [with values](https://docs.rual.nl/block-types/array/array_of_values) feeds the `data` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `colorfield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `calculatefield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `datefield` pin; [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `unavailableinfo` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

[![Studio canvas example for the uptime chart block: typical wiring for uptime chart.](https://docs.rual.nl/canvas-examples/component_customchart_uptime.png)](https://docs.rual.nl/canvas-examples/component_customchart_uptime.png?v=3)

## Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

- [Back to `Component UI`](https://docs.rual.nl/block-types/Component%20UI): Return to the main group to view all sub-groups

- [Back to `customgraph`](https://docs.rual.nl/block-types/Component%20UI?group=customgraph): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)