@@ -13,47 +13,47 @@ provides thresholds to color that singlestat metric or the panel background.
...
@@ -13,47 +13,47 @@ provides thresholds to color that singlestat metric or the panel background.
### Big Value Configuration
### Big Value Configuration
The big value configuration allows you to both customize the look of your singlestat metric, as well as add additional labels to contexualize the metric.
The big value configuration allows you to both customize the look of your singlestat metric, as well as add additional labels to contexualize the metric.
1.`Background`: The Background checkbox applies the configured thresholds and colors to the entirity of the singlestat panel background.
1.`Background`: The Background checkbox applies the configured thresholds and colors to the entirity of the singlestat panel background.
2.`Value`: The Value checkbox applies the configured thresholds and colors to the value within the singlestat panel.
2.`Value`: The Value checkbox applies the configured thresholds and colors to the value within the singlestat panel.
3.`Thresholds`: Thresholds allow you to change the background and value colors dyanmically within the panel. The threshold field accepts **3 comma-separated** values, corresponding to the three colors directly to the right.
3.`Thresholds`: Thresholds allow you to change the background and value colors dyanmically within the panel. The threshold field accepts **3 comma-separated** values, corresponding to the three colors directly to the right.
4.`Colors`: The color picker allows you to select a color and opacity
4.`Colors`: The color picker allows you to select a color and opacity
5.`Invert order`: This link toggles the threshold color order.</br>For example: Green, Orange, Red (<imgsrc="/images/GYR.png">) will become Red, Orange, Green (<imgsrc="/images/RYG.png">).
5.`Invert order`: This link toggles the threshold color order.</br>For example: Green, Orange, Red (<imgsrc="/images/GYR.png">) will become Red, Orange, Green (<imgsrc="/images/RYG.png">).
### Spark Lines
### Spark Lines
Spark lines are a great way of seeing the historical data associated with a single stat value, providing valuable context at a glance. Spark lines act differently than traditional graph panels and do not include x or y axis, coordinates, a legend, or ability to interact with the graph.
Spark lines are a great way of seeing the historical data associated with a single stat value, providing valuable context at a glance. Spark lines act differently than traditional graph panels and do not include x or y axis, coordinates, a legend, or ability to interact with the graph.
1.`Show`: The show checkbox will toggle whether the spark line is shown in the panel. When unselected, only the value will appear.
1.`Show`: The show checkbox will toggle whether the spark line is shown in the panel. When unselected, only the value will appear.
2.`Background`: **ASK TORKEL.**
2.`Background`: **ASK TORKEL.**
3.`Line Color`: This color selection applies to the color of the sparkline itself.
3.`Line Color`: This color selection applies to the color of the sparkline itself.
4.`Fill Color`: This color selection applies to the area below the sparkline.</br></br>***Pro-tip:*** Reduce the opacity on fill colors for nice looking panels.
4.`Fill Color`: This color selection applies to the area below the sparkline.
> ***Pro-tip:*** Reduce the opacity on fill colors for nice looking panels.
### Value to text mapping
### Value to text mapping
Value to text mapping allows you to translate values into explcit text. The text will respect all styling, thresholds and customization defined for the value.
Value to text mapping allows you to translate values into explcit text. The text will respect all styling, thresholds and customization defined for the value.