Fluent Commerce Logo
Docs
Sign In

Colored Thresholds for Gauge Charts Configuration

How-to Guide

Author:

Fluent Commerce

Changed on:

8 Feb 2024

Key Points

  • Shows Implementers how to configure colored thresholds for gauge charts.
  • All configurations are described for the Sources and Feeds reference manifest fragments.

Steps

Step arrow right iconPrerequisites

Step arrow right iconCreate required setting

 Create a setting on an ACCOUNT or RETAILER level.

Step arrow right iconPopulate required setting values

Select JSON value and fill the value with the following data:

  • percentage - set percentage 
  • color - set color for a threshold in HEX format.
  • threshold - set an amount per hour. When the threshold is reached, the percentage and color change.
1[
2  {
3    "percentage": 25,
4    "color": "#D23B3B",
5    "threshold": 0
6  },
7  {
8    "percentage": 75,
9    "color": "#EF8F00",
10    "threshold": 3000
11  },
12  {
13   "percentage": 100,
14   "color": "#4CAF50",
15   "threshold": 4000
16  }
17]

Language: plain_text

Name: Example

Description:

[Warning: empty required content area]
Fluent Commerce

Fluent Commerce