Node-Red configuration
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ui_gauge.html 1.3KB

123456789101112131415
  1. <script type="text/html" data-help-name="ui_gauge">
  2. <p>Adds a gauge type widget to the user interface.</p>
  3. <p>The <code>msg.payload</code> is searched for a numeric <i>value</i> and is formatted in accordance with
  4. the defined <b>Value Format</b>, which can then be formatted using
  5. <a href="https://docs.angularjs.org/api/ng/filter" target="_blank">Angular filters</a>.</p>
  6. <p>For example : <code>{{value | number:1}}%</code> will round the value to one decimal place and append a % sign.</p>
  7. <p>The colours of each of 3 sectors can be specified and the gauge will blend between them.
  8. The colours should be specified in hex (#rrggbb) format.</p>
  9. <p>If you specify numbers for the sectors then the colours changes per sector.
  10. If not specified the colours are blended across the total range.</p>
  11. <p>The gauge has several modes. Regular gauge, donut, compass and wave.</p>
  12. <p>The label can also be set by a message property by setting
  13. the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
  14. <p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
  15. </script>