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
Prerequisites
- The Gauge Chart wrapper is configured in the manifest.
- Mutations createSetting and updateSetting are enabled in the manifest.
- The User has an assigned role with the following permissions
- SETTING_VIEW
- SETTING_CREATE
- SETTING_UPDATE
Create required setting
Create a setting on an ACCOUNT or RETAILER level.
Populate 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]