0

bom dia, tenho o seguinte código (esta funcionando), ele me retorna para o Ajax um array com números inteiros.

<?php 

date_default_timezone_set('America/Sao_Paulo');

require_once '../conexao/conexao.php';
require_once 'config.php';


 $CentroCusto = $_POST["selectDepartamento"];
 $CodigoLocal = $_POST["selectLocal"];
 //lista de arrays
 $diasCorridos = array('01','02','03','04','05','06');
 $metaRealizada = array(500,1000,1500,2000,2500,2000);
 $vendasRealizada = array(300,700,1200,1000,1500,1300);
 $decontosAplicados = array(100,200,400,300,500,400);

 //VARIAVEIS QUE PRECISA DEVOLVER PRO AJAX
//  $dadosGrafico = array(
//     'diasCorridos' => $diascorridos,
//     'metaRealizada' => $metaRealizada,
//     'vendasRealizada' => $vendasRealizada,
//     'decontosAplicados' => $decontosAplicados,

//  );
 echo json_encode($diasCorridos);
?>

e no ajax eu pego assim

     pageurl = '././helpers/SQLResumoMesLinear.php';

  $.ajax({
    url: pageurl,
    type: 'POST',
    cache: false,
    dataType: 'json',
    data: dadosajax,
    error: function (result) {
      alert("aconteceu algum erro ao carregar o grafico" + result);
    },
    success: function (result) {

      var diasCorridos = [];
      for(var i in result){
        diasCorridos.push(result[i]);
      }

No entanto eu preciso passar o Ajax mais de um array, pois para a montagem de um gráfico eu preciso de vários array, minha duvida como que eu mando vários array em um retorno e como eu pego esses array no Ajax e passo para as variáveis.

Eu vou montar o gráfico inserindo os array

 var ctx = document.getElementById("resumoMesAtual");
      var myLineChart = new Chart(ctx, {
        type: 'line',
        data: {
          labels: diasCorridos, //aqui esta o unico array que eu retornei e funciona
          datasets: [{
            label: "Meta",
            lineTension: 0.4,
            backgroundColor: "rgba(229, 240, 20, 0.00)",
            borderColor: "rgba(229, 240, 20, 0.50)",
            pointRadius: 2,
            pointBackgroundColor: "rgba(229, 240, 20, 0.50)",
            pointBorderColor: "rgba(229, 240, 20, 1)",
            pointHoverRadius: 1,
            pointHoverBackgroundColor: "rgba(229, 240, 20, 1)",
            pointHoverBorderColor: "rgba(229, 240, 20, 1)",
            pointHitRadius: 1,
            pointBorderWidth: 0.1,
            data: //aqui vai outro array
          },
          {
            label: "Realizado",
            lineTension: 0.3,
            backgroundColor: "rgba(20, 240, 64, 0.07)",
            borderColor: "rgba(20, 240, 64, 1)",
            pointRadius: 3,
            pointBackgroundColor: "rgba(20, 240, 64, 1)",
            pointBorderColor: "rgba(20, 240, 64, 1)",
            pointHoverRadius: 3,
            pointHoverBackgroundColor: "rgba(20, 240, 64, 1)",
            pointHoverBorderColor: "rgba(20, 240, 64, 1)",
            pointHitRadius: 10,
            pointBorderWidth: 0.1,
            data://aqui vai outro array
          },
          {
            label: "Descontos",
            lineTension: 0.3,
            backgroundColor: "rgba(240, 20, 20, 0.50)",
            borderColor: "rgba(240, 20, 20, 1)",
            pointRadius: 3,
            pointBackgroundColor: "rgba(240, 20, 20, 1)",
            pointBorderColor: "rgba(240, 20, 20, 1)",
            pointHoverRadius: 3,
            pointHoverBackgroundColor: "rgba(240, 20, 20, 1)",
            pointHoverBorderColor: "rgba(240, 20, 20, 1)",
            pointHitRadius: 10,
            pointBorderWidth: 0.1,
            data: //aqui vai outro array

Desde já agradeço

1 Resposta 1

1

consegui resolver mandando uma matriz do PHP para o ajax assim:

 //lista de arrays
 $diasCorridos = array('01','02','03','04','05','06');
 $metaRealizada = array(500,1000,1500,2000,2500,2000);
 $vendasRealizada = array(300,700,1200,1000,1500,1300);
 $decontosAplicados = array(100,200,400,300,500,400);

 //VARIAVEIS QUE PRECISA DEVOLVER PRO AJAX
 $dadosGrafico = array(
    $diasCorridos,
    $metaRealizada,
    $vendasRealizada,
    $decontosAplicados
 );
 echo json_encode($dadosGrafico);

E no ajax eu recebi assim:

success: function (result) {

  var resultado = [];
  for(var i in result){
    resultado.push(result[i]);
    // console.log('variavel I'+i);
    // console.log(result[i]);
  }

  console.log(resultado[0]); //mostra os dias corridos
  console.log(resultado[1]); //mostra a meta realizada 

então depois so coloquei no grafico assim :

 labels: resultado[0],
          datasets: [{
            label: "Meta",
            lineTension: 0.4,
            backgroundColor: "rgba(229, 240, 20, 0.00)",
            borderColor: "rgba(229, 240, 20, 0.50)",
            pointRadius: 2,
            pointBackgroundColor: "rgba(229, 240, 20, 0.50)",
            pointBorderColor: "rgba(229, 240, 20, 1)",
            pointHoverRadius: 1,
            pointHoverBackgroundColor: "rgba(229, 240, 20, 1)",
            pointHoverBorderColor: "rgba(229, 240, 20, 1)",
            pointHitRadius: 1,
            pointBorderWidth: 0.1,
            data: resultado[1],
          },
          {
            label: "Realizado",
            lineTension: 0.3,
            backgroundColor: "rgba(20, 240, 64, 0.07)",
            borderColor: "rgba(20, 240, 64, 1)",
            pointRadius: 3,
            pointBackgroundColor: "rgba(20, 240, 64, 1)",
            pointBorderColor: "rgba(20, 240, 64, 1)",
            pointHoverRadius: 3,
            pointHoverBackgroundColor: "rgba(20, 240, 64, 1)",
            pointHoverBorderColor: "rgba(20, 240, 64, 1)",
            pointHitRadius: 10,
            pointBorderWidth: 0.1,
            data:resultado[2] ,
          },
          {
            label: "Descontos",
            lineTension: 0.3,
            backgroundColor: "rgba(240, 20, 20, 0.50)",
            borderColor: "rgba(240, 20, 20, 1)",
            pointRadius: 3,
            pointBackgroundColor: "rgba(240, 20, 20, 1)",
            pointBorderColor: "rgba(240, 20, 20, 1)",
            pointHoverRadius: 3,
            pointHoverBackgroundColor: "rgba(240, 20, 20, 1)",
            pointHoverBorderColor: "rgba(240, 20, 20, 1)",
            pointHitRadius: 10,
            pointBorderWidth: 0.1,
            data: resultado[3],
          }],

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 .