diff --git a/docs/sources/reference/singlestat.md b/docs/sources/reference/singlestat.md index 67c5fb4d4a2..13e680c6e5c 100644 --- a/docs/sources/reference/singlestat.md +++ b/docs/sources/reference/singlestat.md @@ -13,47 +13,47 @@ provides thresholds to color that singlestat metric or the panel background. ### 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. -![](/img/v1/Singlestat-BaseSettings.png) + -1. `Big Value`: Big Value refers to the collection of values displayed in the singlestat panel. -2. `Prefixes`: The Prefix fields let you define a custom label and font-size (as a %) to appear *before* the singlestat metric. -3. `Values`: The Value fields let you set the (min, max, average, current, total) and font-size (as a %) of the singlestat metric. -4. `Potsfixes`: The Postfix fields let you define a custom label and font-size (as a %) to appear *after* the singlestat metric. -5. `Units`: Units are appended to the the singlestat metric within the panel, and will respect the color and threshold settings for the Value. -6. `Decimals`: The Decimal field allows you to override automatic decimal precision, inceasing the digits displayed for your singlestat metric. +1. `Big Value`: Big Value refers to the collection of values displayed in the singlestat panel. +2. `Prefixes`: The Prefix fields let you define a custom label and font-size (as a %) to appear *before* the singlestat metric. +3. `Values`: The Value fields let you set the (min, max, average, current, total) and font-size (as a %) of the singlestat metric. +4. `Potsfixes`: The Postfix fields let you define a custom label and font-size (as a %) to appear *after* the singlestat metric. +5. `Units`: Units are appended to the the singlestat metric within the panel, and will respect the color and threshold settings for the Value. +6. `Decimals`: The Decimal field allows you to override automatic decimal precision, inceasing the digits displayed for your singlestat metric. ### Coloring -The coloring options of the singlestat config allow you to dynamically change the colors based on the displayed data. +The coloring options of the singlestat config allow you to dynamically change the colors based on the displayed data. -![](/img/v1/Singlestat-Coloring.png) + -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. 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.
For example: Green, Orange, Red () will become Red, Orange, Green (). ### 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. -![](/img/v1/Singlestat-Sparklines.png) + 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.** 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.

***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 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. -![](/img/v1/Singlestat-ValueMapping.png) + -***Does this support regexes or anything other than a single value?***