Amperimetro SVG... (experimental)

Criando um Gauge Amperímetro no ScadaBR...

Hoje, vou demonstrar como manipular SVG numa view do ScadaBR, é um trabalho que serve para demonstrar a ideia que um SVG pode ter seus atributos modificados no ScadaBR.

Para se ter ideia, o SVG é de um amperímetro analógico, pode ser modificado para voltimetro ou outro medidor (criado no Inkscape por mim)

Os atributos que estou mudando estão abaixo:
Ponteiro: Cor do ponteiro, rotacionar o ponteiro
e Label da Escala de valores.

Fica aqui a minha esperança que isso possa inspirar que outros possam fazer melhorias e talvez possam criar componentes para o ScadaBR.

Mãos a obra!

Copie para a pasta raiz do ScadaBR o arquivo svg abaixo:

amperimetro2.svg

em seguida, na visualização grafica, crie um componente HTML

e coloque o código contido no arquivo html cujo link esta abaixo:

Componente_HTML-amperimetroSVG.html

image

Uma vez inserido este código, salve o componente HTML e voce vai ver os botões para mudar o valor do Amperimetro SVG.

Ele não funciona para valores de datapoints a priori, é necessário mudar o código do html.

2 curtidas

Qual pasta raiz especificamente você diz?

Estas pastas aqui:

Windows: C:\Program Files\ScadaBR\tomcat\webapps\ScadaBR
Linux: /opt/ScadaBR/tomcat/webapps/ScadaBR