1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Aprende Google Chart con PHP y MySQL

Aprende Google Chart con PHP y MySQL

Google Chart es una maravillosa herramienta (y gratuita) que nos permitirá hacer muchos tipos de gráficas, modificarlas de muchas maneras, tomando los datos de muchas posibles fuentes, como una base de datos MySQL, un archivo en formato JSON, un archivo plano

Aprende Google Chart con PHP y MySQL
Comparte este curso

Descripción del curso

Muchas veces podemos ser expertos en PHP y MySQL, pero cuando necesitamos hacer una gráfica, sufrimos porque no tenemos la herramienta. Google Chart es una maravillosa herramienta (y gratuita) que nos permitirá hacer muchos tipos de gráficas, modificarlas de muchas maneras, tomando los datos de muchas posibles fuentes, como una base de datos MySQL, un archivo en formato JSON, un archivo plano o en formato CSV, un documento XML o incluso una hoja de cálculo de Google Drive.

Este curso no es básico. Es necesario que tengas conocimientos básicos de PHP y JavaScript, así como cierta práctica con MySQL, pero no necesitas ser un experto. También necesitarás un editor de código como APTANA, SublimeText, Dreamweaver o uno similar, así como un navegador moderno.

Todas las gráficas las conectamos a PHP y a alguna tabla de MySQL para que puedas hacer poderosas aplicaciones web.



Contenido del curso

Principios entre Google Chart y PHP

42:42
  • Introducción a la sección 1: Principios entre Google Chart y PHP01:42AVANCE
  • Principios generales de Google Chart05:32
  • Conectar las gráficas de Google Chart con PHP y MySQL06:02
  • Desplegar más de una gráfica con Google Chart y PHP07:06
  • Generar una gráfica desde un archivo plano leído por PHP05:56
  • Graficar los datos leídos de un archivo JSON desde PHP05:04
  • Graficar los datos de un documento XML leídos desde PHP06:07
  • El objeto DataTable para crear y poblar las gráficas04:01
  • Conclusión a la primera sección: Principios entre Google Chart y PHP01:12

Las propiedades de las gráficas de Área con Google Chart, PHP y MySQL

01:39:29
  • Introducción al manejo de opciones en GoogleChart01:55
  • Crear una gráfica de tipo Área con PHP y MySQL07:01
  • La propiedad isStacked en la gráfica de Área en Google Chart05:15
  • La propiedad animation en la gráfica de Área en Google Charts05:27
  • Las propiedades areaOpacity y axisTitlesPosition en las gráficas04:15
  • Las propiedades background para manejar el fondo de las gráficas03:37
  • La propiedad chartArea para manejar las dimensiones de la gráfica05:42
  • La propiedad Colors para cambiar los colores de los elementos de la gráfica02:40
  • La propiedad CrossHair para señalizar los puntos de la gráfica05:22
  • Las propiedades dataOpacity y enableInteractivity03:32
  • Las propiedades fontSize y fontName en Google Chart02:50
  • La propiedad TitleTextStyle en Google Chart03:28
  • Las propiedades del eje horizontal (hAxis) en Google Chart03:03
  • Las propiedades width y height de una gráfica en Google Chart03:03
  • Las propiedades para manejar las leyendas en Google Chart06:30
  • La propiedad lineDashStyle para hacer líneas punteadas04:25
  • Cambiar el ancho de las líneas con la propiedad lineWidth de Google Chart02:22
  • La propiedad Orientation en Google Chart02:18
  • Manejar los puntos en la gráfica en Google Chart04:26
  • La propiedad reverseCategories en Google Chart01:24
  • La propiedad series en Google Chart05:56
  • La propiedad theme para cambiar el tema de la gráfica01:49
  • La propiedad tooltip para manejar los cuadros emergentes de la gráfica05:23
  • La propiedad vAxis para manejar el eje vertical de la gráfica06:28
  • Conclusión a la sección 2: Las opciones de las gráficas en Google Chart01:18

El manejo de información en Data Format

45:12
  • Introducción a la sección tres: El dataFormat01:46
  • El manejo de las anotaciones en las gráficas08:43
  • Manejar la certeza y enfatizar la gráfica en Google Chart06:56
  • Incluir intervalos en las gráficas dentro de los datos con Google Chart05:32
  • Añadir el valor de los tooltips en los datos y mostrarlos en la gráfica04:09
  • Manejar los tooltips en formato HTML en Google Chart02:59
  • Formatear los tooltips desde una función05:22
  • Desplegar los tooltips mediante un evento04:10
  • Mandar una gráfica a png en Google Chart04:38
  • Conclusión a la sección tres: DataFormat00:57

Gráficas de barras en Google Chart

34:10
  • Introducción a la sección cuatro: Gráficas de barras horizontales y verticales01:35
  • Crear una gráfica de barras horizontales en Google Chart04:24
  • Crear una gráfica de barras horizontales con varias series03:18
  • Crear una gráfica de barras horizontales apiladas03:26
  • Las propiedades bar, bars y axes en las barras horizontales06:00
  • Las gráficas clásicas de columnas en Google Chart03:59
  • Los estilos en las gráficas "clásicas" de columnas en Google Chart04:02
  • Las anotaciones en las gráficas "clásicas" de columnas en Google Chart02:38
  • Apilar las series en una gráfica de columnas en Google Chart03:57
  • Conclusión a la sección cuatro: Gráficas de barras verticales y horizontales00:51

Las gráficas de Burbuja en Google Chart

18:26
  • Introducción a la sección cinco: gráficas de burbujas01:16
  • Las gráficas de burbuja en Google Chart04:09
  • La propiedad colorAxis en las gráficas de burbuja en Google Chart05:41
  • La propiedad bubble en las gráficas de burbujas en Google Chart04:20
  • Otras propiedades en las gráficas de burbuja de Google Chart01:44
  • Conclusión a la sección cinco: Gráficas de burbujas01:16

Las gráficas de calendario en Google Chart

32:08
  • Las gráficas de calendario en Google Chart01:39
  • Las gráficas de calendario en Google Chart06:48
  • Modificar el tamaño de los cuadros de los días y su aspecto en Google Chart08:45
  • Cambiar el aspecto de las celdas en los gráficos de calendario03:51
  • Cambiar el aspecto de los días de la semana y sus etiquetas03:04
  • Modificar el aspecto de las etiquetas y contorno de los meses en Google Chart03:33
  • Modificar el aspecto de la leyenda del año en las gráficas de calendario03:09
  • Conclusión a la sección seis: Gráficas de calendario01:19

Otras gráficas en Google Chart

01:25:32
  • Introducción a la sección siete: Las demás gráficas de Google Chart02:07
  • Las gráficas de velas o candlestick07:10
  • Las gráficas de cascada o waterfall04:32
  • Visualizar la tabla de una gráfica en Google Chart03:39
  • Las gráficas de dona en Google Chart03:19
  • Las gráficas de Gantt en Google Chart09:58
  • Las gráficas Gauge o indicadores en Google Chart05:05
  • Las gráficas geográficas en Google Chart08:50
  • Los histogramas en Google Chart04:20
  • Las gráficas de línea en Google Chart03:11
  • Las gráficas de Mapas con Google Chart05:10
  • Los organigramas en Google Chart04:54
  • Las gráficas de dispersión de dos variables en Google Chart04:16
  • Lineas de tiempo en Google Chart04:20
  • Las gráficas de tendencias en Google Chart05:55
  • Las gráficas de área escalonada en Google Chart03:19
  • Los árboles de palabras en Google Chart03:42
  • Conclusión de la sección siete: Las otras gráficas de Google Chart01:45

Otras formas de poblar las gráficas

37:46
  • Introducción a la sección 8: Otras formas de poblar una tabla02:25
  • Introducción al objeto de iniciación de JavaScript03:55
  • La propiedad "cols" de los objetos de iniciación de JavaScript03:22
  • La propiedad "rows" de los objetos de iniciación de JavaScript07:40
  • Leer un archivo JSON con AJAX07:32
  • Crear el archivo JSON desde PHP leyendo una tabla de MySQL07:54
  • Conclusión al curso de Google Chart con PHP y MySQL04:58

Valoraciones

4.7/5
6 Valoraciones
  • 5 ESTRELLAS
    67%
  • 4 ESTRELLAS
    33%
  • 3 ESTRELLAS
    0%
  • 2 ESTRELLAS
    0%
  • 1 ESTRELLAS
    0%
  • Andres Meneses
    Andres
      Meneses
    Incluir valoración media (en números)

    Desearia el rembolso del descuento ya que no me lo aplico

  • Walther Leiva
    Walther
      Leiva
    Incluir valoración media (en números)

  • MARLÒN ESTUARDO SOYOS MONROY SOYOS MONROY
    MARLÒN ESTUARDO SOYOS MONROY
      SOYOS MONROY
    Incluir valoración media (en números)

  • Yamil Velasco Ibáñez
    Yamil
      Velasco Ibáñez
    Incluir valoración media (en números)

  • KELWIN MODESTO GÁLVEZ GUADALUPE
    KELWIN MODESTO
      GÁLVEZ GUADALUPE
    Incluir valoración media (en números)

    Muy bueno, me ha ayudado a comprender mejor la programación Google Charts con PHP y MySQL. Gracias.

  • Javier Soriano
    Javier
      Soriano
    Incluir valoración media (en números)

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 10€
GRATIS con la Suscripción