Skip to main content
se añadieron 2 caracteres en el cuerpo
Origen Enlace
Huntzberger
  • 487
  • 3
  • 30
  • 60

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el ultimo en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el ultimo.

function grafica() {
 google.charts.load('current', { 'packages': ['corechart'] });
 google.charts.setOnLoadCallback(drawChart);

 function drawChart() {
 var i;
   $.ajax({
   url: "/Indicadores/Grafica",
   type: "GET",
   ContentType: "application/json; charset=utf-8",
   success: function (result)
   {
   for (var i = 0; i < result.length; i++) {
   console.log(result[i].Mes);
   console.log(result[i].Total);
   var data = google.visualization.arrayToDataTable([
       ['Task', 'Visitas por mes'],
       [result[i].Mes, result[i].Total]
   ]);     
  var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
  chart.draw(data);
   }   
  },
  error: function (jqxhr, status, exception) {
  console.log(jqxhr.responseText);
  }
  });       
}
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí Datos

Datos que quiero graficar (resultado de mi query sql server)

Total   Mes
3   A-Julio
50  D-Octubre
135 E-Noviembre
157 F-Diciembre
109 G-Enero

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el ultimo en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el ultimo.

function grafica() {
 google.charts.load('current', { 'packages': ['corechart'] });
 google.charts.setOnLoadCallback(drawChart);

 function drawChart() {
 var i;
   $.ajax({
   url: "/Indicadores/Grafica",
   type: "GET",
   ContentType: "application/json; charset=utf-8",
   success: function (result)
   {
   for (var i = 0; i < result.length; i++) {
   console.log(result[i].Mes);
   console.log(result[i].Total);
   var data = google.visualization.arrayToDataTable([
       ['Task', 'Visitas por mes'],
       [result[i].Mes, result[i].Total]
   ]);     
  var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
  chart.draw(data);
   }   
  },
  error: function (jqxhr, status, exception) {
  console.log(jqxhr.responseText);
  }
  });       
}
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí Datos que quiero graficar (resultado de mi query sql server)

Total   Mes
3   A-Julio
50  D-Octubre
135 E-Noviembre
157 F-Diciembre
109 G-Enero

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el ultimo en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el ultimo.

function grafica() {
 google.charts.load('current', { 'packages': ['corechart'] });
 google.charts.setOnLoadCallback(drawChart);

 function drawChart() {
 var i;
   $.ajax({
   url: "/Indicadores/Grafica",
   type: "GET",
   ContentType: "application/json; charset=utf-8",
   success: function (result)
   {
   for (var i = 0; i < result.length; i++) {
   console.log(result[i].Mes);
   console.log(result[i].Total);
   var data = google.visualization.arrayToDataTable([
       ['Task', 'Visitas por mes'],
       [result[i].Mes, result[i].Total]
   ]);     
  var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
  chart.draw(data);
   }   
  },
  error: function (jqxhr, status, exception) {
  console.log(jqxhr.responseText);
  }
  });       
}
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Datos que quiero graficar (resultado de mi query sql server)

Total   Mes
3   A-Julio
50  D-Octubre
135 E-Noviembre
157 F-Diciembre
109 G-Enero

se eliminaron 44 caracteres en el cuerpo
Origen Enlace
Huntzberger
  • 487
  • 3
  • 30
  • 60

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el primeroultimo en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el primeroultimo.

function grafica() {
 google.charts.load('current', { 'packages': ['corechart'] });
 google.charts.setOnLoadCallback(drawChart);
  
 function drawChart() {
 var i;
   $.ajax({
    url: "/VisitasIndicadores/Grafica",
    type: "GET",
    successContentType: function"application/json; (result)charset=utf-8",
    {
  success: function console.log(result);
   {
   for (var i = 0; i < result.length; i++)
   {
   {console.log(result[i].Mes);
   console.log(result[i].Total);
   var data = google.visualization.arrayToDataTable([
       ['Task', 'Visitas por mes'],                        
       [result[i].Mes, result[i].Total]     
      ]);
      var options =
      {
       //title: 'My Daily Activities'
      };
   var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
   chart.draw(data, options);
   }   
  },
     error: function (jqxhr, status, exception) {
        console.log(jqxhr.responseText);
      }
   });
         
}
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Datosintroducir la descripción de la imagen aquí Datos que quiero graficar (resultado de mi query sql server)   

Total   Mes
133  B-Agosto
95  CA-SeptiembreJulio
12650  D-Octubre
192135 E-Noviembre
138157 F-Diciembre
97 109 G-Enero

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el primero en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el primero.

function grafica() {
google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    $.ajax({
    url: "/Visitas/Grafica",
    type: "GET",
    success: function (result)
    {
    console.log(result);
      for (var i = 0; i < result.length; i++)
      {
      var data = google.visualization.arrayToDataTable([
      ['Task', 'Visitas por mes'],                        
      [result[i].Mes, result[i].Total]     
      ]);
      var options =
      {
       //title: 'My Daily Activities'
      };
   var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
   chart.draw(data, options);
   }
},
     error: function (jqxhr, status, exception) {
        console.log(jqxhr.responseText);
      }
   });
  }
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Datos que quiero graficar (resultado de mi query sql server)  

Total   Mes
13  B-Agosto
95  C-Septiembre
126 D-Octubre
192 E-Noviembre
138 F-Diciembre
97  G-Enero

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el ultimo en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el ultimo.

function grafica() {
 google.charts.load('current', { 'packages': ['corechart'] });
 google.charts.setOnLoadCallback(drawChart);
 
 function drawChart() {
 var i;
   $.ajax({
   url: "/Indicadores/Grafica",
   type: "GET",
   ContentType: "application/json; charset=utf-8",
   success: function (result)
   {
   for (var i = 0; i < result.length; i++) {
   console.log(result[i].Mes);
   console.log(result[i].Total);
   var data = google.visualization.arrayToDataTable([
       ['Task', 'Visitas por mes'],
       [result[i].Mes, result[i].Total]
   ]);     
  var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
  chart.draw(data);
   }   
  },
  error: function (jqxhr, status, exception) {
  console.log(jqxhr.responseText);
  }
  });        
}
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí Datos que quiero graficar (resultado de mi query sql server) 

Total   Mes
3   A-Julio
50  D-Octubre
135 E-Noviembre
157 F-Diciembre
109 G-Enero

se añadieron 325 caracteres en el cuerpo
Origen Enlace
Huntzberger
  • 487
  • 3
  • 30
  • 60

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el primero en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el primero.

function grafica() {
google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    $.ajax({
    url: "/Visitas/Grafica",
    type: "GET",
    success: function (result)
    {
    console.log(result);
      for (var i = 0; i < result.length; i++)
      {
      var data = google.visualization.arrayToDataTable([
      ['Task', 'Visitas por mes'],                        
      [result[i].Mes, result[i].Total]     
      ]);
      var options =
      {
       //title: 'My Daily Activities'
      };
   var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
   chart.draw(data, options);
   }
},
     error: function (jqxhr, status, exception) {
        console.log(jqxhr.responseText);
      }
   });
 }
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Datos que quiero graficar (resultado de mi query sql server)

Total   Mes
13  B-Agosto
95  C-Septiembre
126 D-Octubre
192 E-Noviembre
138 F-Diciembre
97  G-Enero

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el primero en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el primero.

function grafica() {
google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    $.ajax({
    url: "/Visitas/Grafica",
    type: "GET",
    success: function (result)
    {
    console.log(result);
      for (var i = 0; i < result.length; i++)
      {
      var data = google.visualization.arrayToDataTable([
      ['Task', 'Visitas por mes'],                        
      [result[i].Mes, result[i].Total]     
      ]);
      var options =
      {
       //title: 'My Daily Activities'
      };
   var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
   chart.draw(data, options);
   }
},
     error: function (jqxhr, status, exception) {
        console.log(jqxhr.responseText);
      }
   });
 }
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Tengo una función en mi controller la cual me da como resultado un json que necesito para graficar, el problema es que no tengo idea de como graficar todos los datos, solo me muestra el primero en la gráfica. Con console.log(result); veo que si me trae los datos pero solo me gráfica el primero.

function grafica() {
google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    $.ajax({
    url: "/Visitas/Grafica",
    type: "GET",
    success: function (result)
    {
    console.log(result);
      for (var i = 0; i < result.length; i++)
      {
      var data = google.visualization.arrayToDataTable([
      ['Task', 'Visitas por mes'],                        
      [result[i].Mes, result[i].Total]     
      ]);
      var options =
      {
       //title: 'My Daily Activities'
      };
   var chart = new google.visualization.ColumnChart(document.getElementById('Vchart'));
   chart.draw(data, options);
   }
},
     error: function (jqxhr, status, exception) {
        console.log(jqxhr.responseText);
      }
   });
 }
}

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Datos que quiero graficar (resultado de mi query sql server)

Total   Mes
13  B-Agosto
95  C-Septiembre
126 D-Octubre
192 E-Noviembre
138 F-Diciembre
97  G-Enero

Origen Enlace
Huntzberger
  • 487
  • 3
  • 30
  • 60
Loading