Preciso de ajuda em como alterar o tamanho e a cor dos datapoint na representação gráfica?
Como podem ver na imagem, os valores estão muito pequenos, preciso alterar e estilizar.
vou te dizer como faço isso.
Insiro um server side script.
Nele coloco o ponto que quero mostrar.
No script coloco como no exemplo a seguir:
var s = "<div style=\"width:500px;font-family:arial;word-wrap:break-word;font-weight:bold;font-size:164%;\">Status do Inversor 1: " +
"<span style=\"font-weight:normal;\">" + renderedText + "</span></div>"; return s;
Salvo e pronto.
Veja se te ajuda.
Quero acompanhar esse projeto. Quando vejo uma tela grafica fico doido.
Pelo que vi, gerou o desenho no sketchup, estou certo?
3 curtidas
Bom dia @farmsid, muito obrigado pela ajuda, é de grande valia sua colaboração. O código funcionou perfeitamente, muito obrigado mesmo.
Vou te manter a par. Neste fim de semana inicio os estudos com relação aos gráficos, barras, pizzas, vou me esforçar para incorporar de alguma forma estes gráficos, por que sei que meu cliente vai me cobrar e a comunidade parece que tem esta necessidade também.
Amigo, realmente esta é uma demanda antiga. Faça testes. Eu já comecei a brincar com o high chart, mas não sou técnico da área. Meus passos são lentos e meio cegos.
A comunidade está se aquecendo novamente. Portanto, pode ter uma posição de destaque se contribuir com este assunto.
Conhecimento é riqueza, não sei porque motivo o amigo não retornou, más fico triste quando acontece isso. O amigo pegou a semente, colheu os frutos e não repartiu o resultado da colheita, dessa forma as pesquisas andam à passos mais lentos. È muito o importante o retorno com um feedback. 
Desculpe a demora, estou muito atarefado, final de faculdade, trabalho e tudo mais, segue algumas telas, estamos trabalhando para entregar toda a aplicação no final de agosto, teremos umas 10 telas.
São dois padrões de telas, para os técnicos e outras para o pessoal comercial e administrativo.
3 curtidas
meus parabéns amigo. Está fazendo um belo trabalho. Digno de nota.
A comunicação com os nobreaks usa que protocolo? SNMP?
Boa noite @farmsid, Os nobreaks falam SNMP, MODBUS ou MEGATECH. No caso do Kleber, eles usam SNMP a priori.
Tranquilo Kleber pensei que tinha esquecido da gente! Quais sensores utilizou para aferir a tensao e a corrente?
Mult medidor kron a priori
Boa Noite amigos,
Estou com um projeto para uma empresa e estou na parte de representação gráfica.
Preciso de uma ajuda para criar um Script para servidor que eu consiga alterar valores e não apenas ler. Alguém poderia me dar uma ajuda.
Isso deve ajudar:
Acredito que isso possa te ajudar, nele vc pode alterar a cor da borda e cor da fonte por valores pré definidos, tamanho do texto, caixa e valores, é uma pequena modificação do script nativo do scadabr. Uso para ler os valores de um medidor de vazão.
// Label describing data point
var point_label = “VAZÃO (tuf-2000)”;
var point_label_font_size = 8; // Tamanho da fonte para point_label
// Data point text format
var preffix = “”;
var suffix = " ";
var decimal_places = 3;
var font_size = 20;
var use_bold = true;
// Data point style
var background_color = “#000000”;
var label_color = “#FFFFFF”;
var values_color = “”;
// Minimum size of data point
var min_width = 90;
var min_height = 40;
// Show label and value in a single line
var single_line_mode = false;
//
// DON’T CHANGE THE CODE BELOW
//
var display_value = preffix + value.toFixed(decimal_places) + suffix;
var flex_direction = single_line_mode ? “row” : “column”;
var font_weight = use_bold ? “bold” : “normal”;
var div_id = “data-point” + pointComponent.id;
// Set the font color based on the value
if (value <= 0) {
values_color = “#c2c2c2”;
}
else if (value >=0.01 && value <=7.998) {
values_color = “#c2c2c2”;
}
else if (value >=7.999 && value <=10.99) {
values_color = “#24c500”;
}
else if (value >= 11) {
values_color = “#ff4444”;
}
else {
values_color = “#c2c2c2”;
}
// Set the border color to match the font color
var border_color = values_color;
// Return variable
var s = “”;
// Create HTML
s += “
”;
s += “” + point_label + “”;
s += “” + display_value + “”;
s += “
”;
s += “” + point_label + “”;
s += “” + display_value + “”;
s += “
// Create CSS style
s += “”;
s += “#” + div_id + " {";
s += "min-height: " + min_height + “px;”;
s += "min-width: " + min_width + “px;”;
s += "background: " + background_color + “;”;
s += “border: 1px solid;”;
s += "border-color: " + border_color + “;”;
s += “font-family: Arial, Helvetica, sans-serif;”;
s += "font-weight: " + font_weight + “;”;
s += "font-size: " + font_size + “px;”;
s += “display: flex;”;
s += “flex-direction: " + flex_direction + “;”;
s += “justify-content: center;”;
s += “align-items: center;”;
s += “}”;
s += “#” + div_id + " span {”;
s += “margin: 0px 2px;”;
s += “}”;
s += “”;
return s;
