2
<!DOCTYPE html >

<html>

<head>
  <link rel="stylesheet" href="demos.css" type="text/css" media="screen" />

  <script src="/sistema/jquery/plugins/RGraph/libraries/RGraph.common.core.js"></script>
  <script src="/sistema/jquery/plugins/RGraph/libraries/RGraph.common.dynamic.js"></script>
  <script src="/sistema/jquery/plugins/RGraph/libraries/RGraph.common.tooltips.js"></script>
  <script src="/sistema/jquery/plugins/RGraph/libraries/RGraph.line.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load("jquery", "1.3.2", {
      uncompressed: true
    });
  </script>
  <script type="text/javascript" src="json.class.js"></script>

  <!--[if lt IE 9]><script src="../excanvas/excanvas.js"></script><![endif]-->

  <p style="margin-left:50em;">
    <title>Cotação USD x BRL</title>
  </p>

  <meta name="robots" content="noindex,nofollow" />
  <meta name="Descrição" content="Cotação do Dolar de Acordo com o Real" />

</head>

<body>

  <h2></h2>

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

  <script>
    $(document).ready(function() {

      var data = [JSON.parse(document.getElementById('valor').value);];
      var tooltips = [];


      //[2.59,2.60,2.40,2.67,1.78];

      // Create the tooltips
      for (var i = 0; i < data.length; i += 1) {
        tooltips[i] = '1 USD = ' + String(data[i] + ' Reais')
      }

      var line = new RGraph.Line({
        id: 'cvs',
        data: data,
        options: {
          tooltips: {
            self: tooltips,
            highlight: false
          },
          colors: ['#058DC7'],
          filled: true,
          fillstyle: 'rgba(229,243,249,0.5)',
          tickmarks: 'filledcircle',
          background: {
            grid: {
              vlines: false,
              border: false,
              autofit: {
                numhlines: 10
              }
            }
          },
          shadow: false,
          linewidth: 3,
          gutter: {
            left: 50,
            right: 20
          },
          numxticks: 0,
          ylabels: {
            count: 5
          },
          axis: {
            color: '#aaa'
          },
          text: {
            color: '#aaa'
          },
          labels: ['21/01', '22/01', '23/01', '24/01', '25/01']
        }
      })

      RGraph.ISOLD ? line.draw() : line.trace2();

    })
  </script>

  <div id="valor"></div>
  <div id="label"></div>

</body>

</html>

No final do código esta mandando o resultado para uma div chamada "valor" queria mandar direto para uma variável em javascript tem como ?

// Classe para chamar o Json.
function json() {
  var qtd;
  var retorno;

  // Resgatar valores.
  json.prototype.resgatarValores = function() {
    $('#resultado').html('Carregando dados...');

    // Estrutura de resultado.
    $.getJSON('/webpro/webadm/lncidjson', function(data) {
      this.qtd = data.usuarios.length - 1;
      this.valore = '';
      this.label = '';

      for (i = 0; i < this.qtd; i++) {
        if (i == (this.qtd - 1)) {
          this.valore += data.usuarios[i].valor;
          this.label += data.usuarios[i].descr;
        } else {
          this.valore += data.usuarios[i].valor + ',';
          this.label += data.usuarios[i].descr + ',';
        }
      }

      $('#valor').html(this.valore);
      $('#label').html(this.label);
    });

  }

}

// Objeto.
var obj = new json();
obj.resgatarValores();
0

1 Resposta 1

1

Se queres passar para fora dessa chamada AJAX surigo que passes uma função callback. Assim podes correr a mesma de forma assincrona que é a natureza do ajax / $.getJSON.

Algo do estilo:

obj.resgatarValores(function(data, labels){
   // aqui podes fazer algo com a variável (tipo array) "data" e "lavels" que terá o valor de "valore" e "label" dentro da chamada ajax.
   // Esta callback é corrida quando o ajax/getJSON tiver recebido resposta do servidor
});

e na outra parte do código algo como:

json.prototype.resgatarValores = function (callback) { // aqui dás a callback como argumento
    $('#resultado').html('Carregando dados...');

    // Estrutura de resultado.
    $.getJSON('/webpro/webadm/lncidjson', function (data) {
        var valore = data.usuarios.map(function (u) {
            return u.valor;
        });
        var label = data.usuarios.map(function (u) {
            return u.descr;
        });
        // aqui usas a callback, passando o "valor" quando ele tiver chegado do servidor
        callback(valore, label); 

    });
}

Repara que podes ter este json.prototype.resgatarValores = function (callback) { fora da função construtora. Ou fazer simplesmente this.resgatarValores = function (callback) {

7
  • Sergio, mais com mando para a variavel ao invez da div ? Commented 13/03/2015 às 14:08
  • Se seguires a minha sugestão ele manda this.valore para dentro da variável valor da callback. Percebes a ideia? Se não explica-me qual é o passo seguinte onde queres usar esse valor do JSON que eu acrescento explicação na resposta.
    – Sergio
    Commented 13/03/2015 às 14:10
  • sergio editei código acima- oque ele esta fazendo é o seguinte ele manda para a div "valor" correto, quando eu mandava ele pegar da div "var data = [JSON.parse(document.getElementById('valor').value);];" ele não traz nada você pode me dizer porque ? Commented 13/03/2015 às 14:15
  • @nardo_bruxo estás a dar uns passos a mais, desnecessários (aliás que atrapalham!). Não faz sentido converter em string e depois de volta a array... Corre o código do gráfico dentro dessa callback e usa o código que mudei agora.
    – Sergio
    Commented 13/03/2015 às 14:23
  • uma duvida você colocou lá em cima sobre o "obj.resgatarValores(function(data, labels){" alteri o código como recomendado por você, mais aqui para mim ainda não aparesem os valores do gráfico. Commented 13/03/2015 às 14:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .