Problemas com javascript na mesma página.

Jandir Rhoden · 21 de junho de 2013

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...

DiF · 21 de junho de 2013

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>