|
2 | 2 | <script type="text/html" data-help-name="ui-gauge"> |
3 | 3 | <h3>Properties</h3> |
4 | 4 | <dl class="message-properties"> |
5 | | - <dt>Type <span class="property-type">half | 3/4</span></dt> |
6 | | - <dd>Defines the shape of the gauge, <i>"Tile"</i>, <i>"Battery"</i>, <i>"Water Tank"</i>, <i>"Half Gauge"</i> or <i>"3/4 Gauge"</i>.</dd> |
| 5 | + <dt>Type <span class="property-type">see detail</span></dt> |
| 6 | + <dd>Defines the type and shape of the gauge, <i>"Tile"</i>, <i>"Battery"</i>, <i>"Water Tank"</i>, <i>"Half Gauge"</i> or <i>"3/4 Gauge"</i>.</dd> |
7 | 7 | <dt>Style <span class="property-type">rounded | needle</span></dt> |
8 | | - <dd>Defines the style of arc rendered, "Needle" or "Rounded". Not available for "Tile".</dd> |
| 8 | + <dd>Defines the style of arc rendered, "Needle" or "Rounded". Only available for "Half Gauge" and "3/4 Gauge".</dd> |
9 | 9 | <dt>Range <span class="property-type">number</span></dt> |
10 | 10 | <dd>The smallest and largest values that can be rendered on the gauge</dd> |
11 | 11 | <dt>Segments <span class="property-type">list</span></dt> |
12 | | - <dd>Collection of objects that define the relevant color for a given value</dd> |
| 12 | + <dd>Collection of objects that define the relevant color for a given value, and the overlay text source for Tile gauges.</dd> |
13 | 13 | <dt>Label <span class="property-type">list</span></dt> |
14 | 14 | <dd>The label text shown above the gauge</dd> |
15 | 15 | <dt>Value <span class="property-type">typed input</span></dt> |
@@ -46,9 +46,14 @@ <h3>Dynamic Properties (Inputs)</h3> |
46 | 46 | <dd>Update the label rendered above the Gauge</dd> |
47 | 47 | <dt class="optional">segments <span class="property-type">array</span></dt> |
48 | 48 | <dd> |
49 | | - Change the options available in the dropdown at runtime |
| 49 | + Pass in an array of objects, each containing properties <code>color</code> and <code>from</code> to update the segments settings. |
| 50 | + The entries in the array must be in increasing order of <code>from</code>. |
| 51 | + In addition the overlay specification for Tile gauges may be updated by including properties <code>textType</code> and <code>text</code>. |
| 52 | + <code>textType</code> can be one of <i>label</i>, <i>value</i>, <i>str</i>, <i>env</i> or <i>none</i>. |
| 53 | + For <i>str</i> and <i>env</i>, <code>text</code> should be the required text or environment variable name, otherwise it should be an empty string. |
| 54 | + <code>textType</code> and <code>text</code> may be omitted if not required. |
50 | 55 | <ul> |
51 | | - <li><code>Array<{color: String, from: Number}></code></li> |
| 56 | + <li><code>Array<{color: String, from: Number, textType: String, text: String}></code></li> |
52 | 57 | </ul> |
53 | 58 | </dd> |
54 | 59 | <dt class="optional">gtype <span class="property-type">see detail</span></dt> |
|
0 commit comments