Mikhus / canvas-gauges

HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Home Page:http://canvas-gauges.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

deviation mode for linear gauges

teesix opened this issue · comments

commented

In many situations the deviation from a certain value (deviation or error) is a more informative value than the original value itself as the information displayed already contains an evaluation of the value. Sometimes the data itself is of the deviation type, as is the case with the cross track error (XTE) in navigation. A deviation tells an operator or user directly what to, a deviation from a target storage temperature directly points to cooling or heating. For this purpose one could use a radial gauge, but as to my understanding there is not a way to achieve this with a linear gauge. The value should be displayed as a bar starting from a central value, most often zero, i.e. |bbbbvvvvvvvv0bbbbbbbbbbbb| or |bbbbbbbbbbbb0vvvvbbbbbbbb| with b= bar color, v=progress color, value color and 0=central value, often zero. So in deviation mode the progress bar has to extend starting from a central value (most often zero) to one side or the other, and not from the lower min value.