thinger-io / thinger-server

Thinger.io Server Repository
MIT License
3 stars 0 forks source link

[Dashboard Screen] - Tachometer’s MajorTicks is dividing the scale equally, instead of subtracting the final value not included in the scale #17

Open georgevbsantiago opened 1 year ago

georgevbsantiago commented 1 year ago

Bug setting Tachometer “Major Ticks” image image “Major Ticks” is splitting equally to fit the “Range Values”.

Everything works if “Major Ticks” is a divisor of “Range Values”. Ex: “Range Values” = 100 “Major Ticks” = 20

If “Major Ticks” is not a divisor of “Range Values”, the setting is wrong: Ex: “Range Values” = 100 “Major Ticks” = 30

image

Regarding “Major Ticks”, I identified solutions in the documentation and some issues. There are a few ways to approach this problem: All Configuration Options.

exactTicks : um sinalizador booleano, que alterna os modos de desenho de ticks. Por padrão, está desativado (falso), significando que a barra de marcação será desenhada pelas seguintes regras: a) o array majorTicks definirá um número de seções de tamanho igual ; b) minorTicks definirá um número de ticks para desenhar entre 2 majorTicks mais próximos. Se o valor for true as regras são as seguintes: a) array majorTicks definirá valores exatos onde os ticks principais devem ser desenhados (deve ser um array de valores exatos, não rótulos arbitrários); b) minorTicks define um passo de valor para desenhar um tick menor em uma barra. Veja este exemplo [ Source ] para configuração e comportamento exatos da barra de ticks. majorTicks : espera-se que seja uma matriz de valores numéricos ou de string que serão exibidos em uma barra de medidor como ticks principais. Essa matriz define rótulos para os ticks. O comprimento da matriz define um número de seções em uma barra de tiques. minorTicks : é um número inteiro que define quantos ticks menores devem ser desenhados entre dois ticks maiores vizinhos. strokeTicks : valor booleano que define se a barra de ticks do medidor deve ser percorrida ou não. Isso depende apenas de um efeito visual. majorTicksInt : integer que define quantas posições numéricas devem ser usadas para exibir parte inteira do número do tick. majorTicksDec : inteiro que define quantas posições devem ser usadas para exibir a parte decimal do número do tick.

Issue that address the problem: https://github.com/Mikhus/canvas-gauges/issues/50 https://github.com/Mikhus/canvas-gauges/issues/172 https://github.com/Mikhus/canvas-gauges/issues/84 https://github.com/Mikhus/canvas-gauges/issues/85