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

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo