Ir ao conteúdo
  • Cadastre-se
Entre para seguir isso  
Jandir Rhoden

[Resolvido] Problemas com javascript na mesma página.

Recommended Posts

Boa tarde galera.

Vou ir logo ao ponto.

Estou utilizando a biblioteca de gráficos Rgraph essa biblioteca possui vários tipos de gráfico mas meu problema e com o gráfico Gauge.

Minha ideia é de utilizar mais de um Gauge na mesma tela, porém ai começa meus problemas se eu utilizar apenas um Gauge funciona perfeitamente, mas já se eu adicionar outro Gauge um deles não aparece.

Abaixo segue os códigos do meu projeto.

Código original


<!DOCTYPE html>
<html>
<head>
<title>TIME - INPUT - CONTROL</title>

// script que carregam a biblioteca do Gauge //

<script src="libraries/RGraph.common.core.js" ></script>
<script src="libraries/RGraph.gauge.js" ></script>

// javascript que cria as propriedades do Gauge//

<script language="javascript" type="text/javascript">
window.onload = function ()
{
var gauge = new RGraph.Gauge('cvs', 0, 10, dadosValor)
.Draw();
}
</script>
</head>
<body>

<canvas id="cvs" width="250" height="250" >[No canvas support]</canvas>

</body>
</html>

Código alterado.

Conforme minha necessidade.


<!DOCTYPE html>
<html>
<head>
<title>TIME - INPUT - CONTROL</title>

// script que carregam a biblioteca do Gauge //

<script src="libraries/RGraph.common.core.js" ></script>
<script src="libraries/RGraph.gauge.js" ></script>

// javascript que cria as propriedades do Gauge//

<script language="javascript" type="text/javascript">
window.onload = function ()
{
var gauge = new RGraph.Gauge('cvs', 0, 10, dadosValor)
var gauge = new RGraph.Gauge('tmp', 0, 10, dadosValor)
.Draw();
}
</script>
</head>
<body>

// aqui no caso eu adicionei mais um canvas //
// só que dessa forma aparece apenas um Gauge.
<canvas id="cvs" width="250" height="250" >[No canvas support]</canvas>
<canvas id="tmp" width="250" height="250" >[No canvas support]</canvas>

</body>
</html>

Se alguém puder analisar meu código ter alguma dica do que posso fazer para não poder exibir os dois Gauges na página.

Estou desenvolvendo um supervisório para visualizar na net por esse motivo preciso de mais de um Gauge na tela.

Agradeço qualquer ajuda...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá..

Talvez o erro é em usar a mesma variável para os dois gráficos.

tente desta maneira:


<script language="javascript" type="text/javascript">
window.onload = function ()
{
var cvs = new RGraph.Gauge('cvs', 0, 10, dadosValor)
var tmp = new RGraph.Gauge('tmp', 0, 10, dadosValor)
cvs.Draw();
tmp.Draw();
}
</script>

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×