Acrescentalr limite de range datapoint

#1

Boa tarde!

Eu preciso acrescentar somente um range máximo e mínimo nesse script , alguém pode me ajudar?
estou apanhando não sou bom em script

/* Livre para uso sob a licença MIT */

// Descrição do datapoint exibido. Oculta se omitida.
var descricao_do_datapoint = “DIFERENCIAL”;
// Definir prefixo e sufixo do valor (se necessário)
var prefixo = “”;
var sufixo = “ºC”;
var casas_decimais = 1;
// Personalizar estilo
var largura_minima = 200;
var altura_minima = 70;
var cor_fundo = “opacity”;
var cor_descricao = “RED”;
var cor_valores = “yellow”;
var tamanho_fonte = 20;
var usar_negrito = true;

// NÃO ALTERE A PARTIR DAQUI

// Definindo classe única para os elementos
var classeDp = “datapoint” + pointComponent.id;
// Formatando o valor com prefixo/sufixo
var valorFormatado = prefixo + value.toFixed(casas_decimais) + sufixo;
//var fonte = “Arial, sans serif”;

// Criando elementos HTML
var s = “”;
s += “

”;
// Primeira linha (descrição)
s += " ";
// Segunda linha (valor)
s += " ";
s += “
" + descricao_do_datapoint + "
" + valorFormatado + "
”;

// Criando estilos CSS
s += “”;

// Definindo fundo do datapoint
s += “.” + classeDp + " {";
s += " height: " + altura_minima + “px;”;
s += " width: " + largura_minima + “px;”;
s += " background: " + cor_fundo + “;”;
s += " border-collapse: collapse;";
s += " border: 1px solid;";
s += " border-color: gray;";
s += “}”;

// Configurando fonte
s += “.” + classeDp + " tr {"
s += " text-align: center;";
s += " font-size: " + tamanho_fonte + “px;”;
//s += " font-family: " + fonte + “;”;
if (usar_negrito == true) {
s += “font-weight: bold;”;
}
s += “}”;

// Configurando padding dos textos
s += “.” + classeDp + " tr:nth-child(1) td {";
if ((descricao_do_datapoint.length > 0) && (typeof descricao_do_datapoint != “undefined”)) {
s += " padding: 2px;";
s += " padding-bottom: 0px;";
} else {
s += " padding: 0px;";
}
s += “}”;
s += “.” + classeDp + " tr:nth-child(2) td {";
s += " padding: 1px;";
s += “}”;

// Definindo a cor dos textos
s += “.” + classeDp + " tr:nth-child(1) {";
s += “color: " + cor_descricao + “;”;
s += “}”;
s += “.” + classeDp + " tr:nth-child(2) {”;
s += " color: " + cor_valores + “;”;
s += “}”;

s += “”;
return s;

#2

Você pode colocar uma condição simples com if() {}...else() {} para quando o valor exibido passar do máximo ou mínimo ele “trave” a exibição no máximo ou mínimo.

Segue abaixo um exemplo do seu código com variáveis de configuração para um valor_maximo e valor_minimo.

/* Livre para uso sob a licença MIT */

// Descrição do datapoint exibido. Oculta se omitida.
var descricao_do_datapoint = “DIFERENCIAL”;
// Definir prefixo e sufixo do valor (se necessário)
var prefixo = “”;
var sufixo = “ºC”;
var casas_decimais = 1;
// Personalizar estilo
var largura_minima = 200;
var altura_minima = 70;
var cor_fundo = “opacity”;
var cor_descricao = “RED”;
var cor_valores = “yellow”;
var tamanho_fonte = 20;
var usar_negrito = true;

// Colocar o máximo e mínimo aqui
var valor_maximo = 20;
var valor_minimo = 6;

// NÃO ALTERE A PARTIR DAQUI

// Definindo classe única para os elementos
var classeDp = “datapoint” + pointComponent.id;

// Testando se ultrapassa os limites e travando no máximo/mínimo estabelecidos
var valor = value;
if (valor > valor_maximo) {
    valor = valor_maximo;
} else if (valor < valor_minimo) {
    valor = valor_minimo;
}


// Formatando o valor com prefixo/sufixo
var valorFormatado = prefixo + valor.toFixed(casas_decimais) + sufixo;
//var fonte = “Arial, sans serif”;

// Criando elementos HTML
var s = “”;
s += “

”;
// Primeira linha (descrição)
s += " ";
// Segunda linha (valor)
s += " ";
s += “

" + descricao_do_datapoint + "
" + valorFormatado + "

”;

// Criando estilos CSS
s += “”;

// Definindo fundo do datapoint
s += “.” + classeDp + " {";
s += " height: " + altura_minima + “px;”;
s += " width: " + largura_minima + “px;”;
s += " background: " + cor_fundo + “;”;
s += " border-collapse: collapse;";
s += " border: 1px solid;";
s += " border-color: gray;";
s += “}”;

// Configurando fonte
s += “.” + classeDp + " tr {"
s += " text-align: center;";
s += " font-size: " + tamanho_fonte + “px;”;
//s += " font-family: " + fonte + “;”;
if (usar_negrito == true) {
s += “font-weight: bold;”;
}
s += “}”;

// Configurando padding dos textos
s += “.” + classeDp + " tr:nth-child(1) td {";
if ((descricao_do_datapoint.length &gt; 0) &amp;&amp; (typeof descricao_do_datapoint != “undefined”)) {
s += " padding: 2px;";
s += " padding-bottom: 0px;";
} else {
s += " padding: 0px;";
}
s += “}”;
s += “.” + classeDp + " tr:nth-child(2) td {";
s += " padding: 1px;";
s += “}”;

// Definindo a cor dos textos
s += “.” + classeDp + " tr:nth-child(1) {";
s += “color: " + cor_descricao + “;”;
s += “}”;
s += “.” + classeDp + " tr:nth-child(2) {”;
s += " color: " + cor_valores + “;”;
s += “}”;

s += “”;
return s;

Obs.: este script apenas exibe um valor numérico, ele não limita o valor que vem do dispositivo físico (CLP, por exemplo).

#3

Boa tarde! Celso. fiz alguns testes e não deu certo, mais obrigado pela atenção, não vou mais trabalhar com Scadabr ele e muito bom para quem tem um bom conhecimento em Script