How to set the interval colors in a gauge/meter graph
In this demo article we present how you can set the colors for the intervals in a gauge/meter graph.
Sample graph settings:

Sample Output Graph
Sample Input Table Data
14 | 7 | 66 | Speed | - | - | - | - | - | - |
7 | 12 | 17 | 22 | 27 | 32 | 37 | 42 | 47 | 66 |
#74A9F0 | #A2D1AF | #030017 | #51D792 | #163C15 | #ABDEB1 | #69BFED | #F7A190 | #A04AAF | #977DE1 |
Data Source Annotations
Series #1: Data source for value | Series #1: Data source for min | Series #1: Data source for max | Series #1: Data source for label | Series #1: Data source for intervals | Series #1: Data source for interval_colors |
Some explanations:
- Value: The value of the meter is the table cell [1][1], i.e. the cell on the 1st row, 1st column (which in this example is 14) because its data source was defined as: element: table row, range:1, element section:1
- Min: The min value of the meter is the table cell [1][2], i.e. the cell on the 1st row, 2nd column (which in this example is 7) because its data source was defined as: element: table row, range:1, element section:2
- Max: The max value of the meter is the table cell [1][3], i.e. the cell on the 1st row, 3rd column (which in this example is 66) because its data source was defined as: element: table row, range:1, element section:3
- Label: The label text of the meter is the table cell [1][4], i.e. the cell on the 1st row, 4th column (which in this example is Speed) because its data source was defined as: element: table row, range:1, element section:4
- Intervals: You can optionally split the min-max range with an arbitrary number of intervals. For each interval there should be a corresponding color defined in hex format (e.g. #ff0044). In this example the intervals are defined in the second row, because their data source was defined as : element: table row, range:2. The colors were defined in the row below (3rd row), as indicated by the corresponding data source: element: table row, range:3