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

14766Speed------
7121722273237424766
#74A9F0#A2D1AF#030017#51D792#163C15#ABDEB1#69BFED#F7A190#A04AAF#977DE1

Data Source Annotations

Series #1: Data source for valueSeries #1: Data source for minSeries #1: Data source for maxSeries #1: Data source for labelSeries #1: Data source for intervalsSeries #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