Overview

O widget Gauge foi projetado para exibir um valor dentro de um medidor, fornecendo indicadores visuais com cores para mostrar os limites e o posicionamento dos dados em relação aos limites do medidor.

Personalize the Card

Title

Os usuários podem adicionar um título ao widget Gauge.

Description

Os usuários têm a opção de adicionar uma descrição ao widget Gauge.

Hyperlink

O modo "link on click" (link ao clicar) é uma configuração que direciona para uma URL ao clicar em um item no dashboard. Isso o abrirá em uma nova aba ou na mesma aba, dependendo da escolha do usuário.

Configuring Custom Gauges

Gauges são um tipo de widget no aplicativo Studio.

Eles podem ser configurados manualmente através da GUI dentro do dashboard do Studio ou configurados com o objeto msg.parameters dentro do DFM. Para alternar entre cada modo, o usuário deve alternar o botão abaixo.

O objeto de parâmetros para o widget gauge tem o formato abaixo :

msg.parameters.gauge.min e msg.parameters.gauge.max exibem os valores esquerdo e direito, respectivamente.

Ex: msg.parameters.gauge.min = 4.5 e msg.parameters.gauge.max = 5 e se APENAS estes parâmetros forem especificados, o medidor preencherá com uma cor conforme visto abaixo :

Para exibir outras seções, o array “sections” deve ser usado.

Cada entrada no array possui quatro objetos de parâmetro chamados “color”, “start”, “end” e “displayTheseLimits”.

color
Color aceita código hexadecimal para a cor da seção.
Ex: {color: "#FF0000"} criaria uma seção vermelha.

start
Start aceita um valor numérico que representa o início da seção.
Ex: {start: 0}

end
End aceita um valor numérico que representa o fim da seção.
Ex: {end: 200}

displayTheseLimits
DisplayTheseLimits é um objeto que aceita um valor booleano.

Apenas UMA seção pode ter o valor {displayTheseLimits: true} e NENHUM dos limites precisa ter um {displayTheseLimits: true} para que os limites sejam exibidos.

Na maioria dos casos, {displayTheseLimits: false} será especificado para TODAS as seções porque neste modo TODOS os limites serão exibidos e os valores máximos e mínimos serão aqueles especificados nos objetos msg.parameters.gauge.min e msg.parameters.gauge.max.

Se {displayTheseLimits: true} for especificado, o máximo e o mínimo para essa seção serão exibidos para todo o medidor. Isso substituirá o que estiver configurado para msg.parameters.gauge.min e msg.parameters.gauge.max.

Exemplo de um objeto parameters totalmente configurado :

A exibição resultante no Studio :

Além disso, agora você pode alterar o tamanho de seus Gauges e como eles aparecem em seu Dashboard do Studio. Isso permite uma maior personalização na aparência e usabilidade do aplicativo Studio.