Function SingleValue

This widget shows a single value data element, it can be positive or negative number.

Example

Here's the most basic example

<SingleValue data={data} />

Remarks

This widget can update their background and text color based on the value passed by. This color trend feature is disabled by default.

In order to active the color trend feature, use the hasTrendColors prop.

Example

Here's an example with hasTrendColors activated

<SingleValue data={data} hasTrendColors />

You can customize the colors for this trend color feature. To modify these colors, you need to pass a custom configuration through trendColorConfig prop.

By default, negative values are presented with a red background, while positive values are use a green background.