Docs: Update field color scheme docs and 7.3 what's new (#28496)

* Docs: Update field color scheme docs and 7.3 what's new

* update

* Updated

* Added image cell display mode to table docs
This commit is contained in:
Torkel Ödegaard
2020-10-26 08:40:45 +01:00
committed by GitHub
parent 0f97925c1a
commit 7c7a4a05ed
4 changed files with 64 additions and 18 deletions
@@ -91,21 +91,26 @@ Grafana can sometime be too aggressive in parsing strings and displaying them as
> **Note:** Only available in Grafana 7.3+.
The field color option defines how Grafana colors series or fields. There are multiple modes here that work very differently, and their utility depends largely on what visualization you currently have selected.
{{< figure src="/img/docs/v73/color_scheme_dropdown.png" max-width="350px" caption="Color scheme" class="pull-right" >}}
Continuous color modes use the percentage of a value relative to min and max to interpolate a color.
The color scheme option defines how Grafana colors series or fields. There are multiple modes here that work very differently and their utility depends largely on what visualization you currently have selected.
- **Single color:** Set a specific color using the color picker. Mostly useful from an override rule.
- **From thresholds:** Color is derived from the matching threshold. Useful for gauges, stat and table visualizations.
**Color by value**
In addition to deriving color from thresholds there are also continuous (gradient) color schemes. Useful for visualizations that color individual values. For example stat panels and the table panel. Continuous color modes use the percentage of a value relative to min and max to interpolate a color.
### Color by series
<div class="clearfix"></div>
Then there are color schemes that define color by series. Useful for graphs and pie charts for example.
### Color by value
In addition to deriving color from thresholds there are also continuous (gradient) color schemes. Useful
for visualizations that that color individual values. For example stat panels and the table.
| Color mode | Description |
| ------------------ | ----------------------- |
| **Single color** | Specify a single color, useful in an override rule |
| **From thresholds** | Informs Grafana to take the color from the matching threshold |
| **Classic palette** | Grafana will assign color by looking up a color in a palette by series index. Useful for Graphs and pie charts and other categorical data visualizations |
| **Green-Yellow-Red (by value)** | Continuous color scheme |
| **Blue-Yellow-Red (by value)** | Continuous color scheme |
| **Blues (by value)** | Continuous color scheme (panel background to blue) |
| **Reds (by value)** | Continuous color scheme (panel background color to blue) |
| **Greens (by value)** | Continuous color scheme (panel background color to blue) |
| **Purple (by value)** | Continuous color scheme (panel background color to blue) |
## Thresholds
@@ -66,6 +66,14 @@ Shows value formatted as code. If a value is an object the JSON view allowing br
{{< docs-imagebox img="/img/docs/tables/json-view.png" max-width="500px" caption="JSON view" class="docs-image--no-shadow" >}}
### Image
> Only available in Grafana 7.3+
If you have a field value that is an image URL or a base64 encoded image you can configure the table to display it as an image.
{{< figure src="/img/docs/v73/table_hover.gif" max-width="900px" caption="Table hover" >}}
## Column filter
> **Note:** This feature is available in Grafana 7.2+.