hola soy texto

var variable = new Array(3)

5 > 6 //devuelve false 5 >= 5 //devuelve trae 3 < 8 //devuelve true 3 <=2 //devuelve false 3==3//devuelve true 4 !=2//devuelve true 3=='3' //devuelve true

(5 > 3) && (13 <= 13) //devuelve true (5 < 3) || (13> 13) //devuelve false !(5 > 3) //devuelve/border: 2px solid red;

for (valorInicial; condición; incremento){ // codigo a realizar }

Cadena de operaciones
Resultado:

fecha = new Date(año,mes) //cogería el día uno del mes y años indicados fecha = new Date(año, mes, día) fecha = new Date(año, mes, día, hora) fecha = new Date(año, mes, día, hora, minutos) fecha = new Date(año, mes, día, hora, minutos, segundos) Math.abs(número), devuelve el valor absoluto del número. Math.min(número1,número2), devuelve el más bajo de los dos números pasados por parámetro. Math.max(número1,número2), devuelve el más alto de los dos números pasados por parámetro. Math.sin(número), devuelve el seno del ángulo pasado por parámetro. Math.cos(número), devuelve el coseno del ángulo pasado por parámetro. Math.tan(número), devuelve la tangente del ángulo pasado como parámetro. Math.asin(número), devuelve el arcoseno del ángulo pasado como parámetro. Math.acos(número), devuelve el arcocoseno del ángulo pasado como parámetro. Math.atan(número), devuelve el arcotangente del ángulo pasado como parámetro. Math.atan2(num1,num2), devuelve el arcotangente cuyas proyecciones sobre los ejes Y y X son los números num1 y num2. Math.sqrt(número), devuelve la raíz cuadrada del número pasado por parámetro. Math.ceil(número), devuelve el número pasado por parámetro a su entero superior. Math.floor(número), devuelve el número pasado por parámetro a su entero inferior. Math.round(número), devuelve el entero más próximo al número pasado por parámetro. Math.exp(número), devuelve el resultado de elevar el número E al exponente indicado en el parámetro pasado. Math.log(número), devuelve el logaritmo natural del número pasado por parámetro. Math.pow(base,exponente), devuelve el resultado de la potencia de la base al exponente indicados por los parámetros. Math.random(), devuelve un número pseudo-aleatorio entre 0 y 1 inclusive.

getDate(), devuelve el día del mes actual entre 1 y 31. getDay(), devuelve el día de la semana actual entre 0 (domingo) y 6 (sábado). getHours(), devuelve la hora del día actual entre 0 y 23. getMinutes(), devuelve los minutos de la hora actual entre 0 y 59. getSeconds(), devuelve los segundos del minuto actual entre 0 y 59. getMonth(), devuelve el mes del año actual entre 0 y 11. getTime(), devuelve el tiempo en milisegundos desde el 1 de enero de 1970. getYear(), devuelve el año actual. setDate(día), pone el día pasado por parámetro como día del objeto date. setDay(día de la semana), pone como día del objeto date el día pasado por parámetro (de 0 a 6). setHours(hora), pone la hora del objeto date a la indicada en el parámetro. setMinutos(minutos), pone los minutos del objeto date a los indicados en el parámetro. setMonth(mes), pone el mes indicado en el parámetro como mes del objeto date. setSeconds(segundos), pone los segundos del objeto date a los indicados en el parámetro. setTime(milisegundos), pone la fecha desde los milisegundos que le pasemos del 1 de enero de 1970 en el objeto date que estemos usando. setYear(año), pone el año indicado por parámetro como año del objeto date. toGMTString(), devuelve la cadena convertida a zona horaria GMT

el contenedor de todos los elementos de la página, con las propiedades y funciones de este objeto podremos hacer cambios dinámicos en la web cuando lo deseemos. Las propiedades más utilizadas del objeto son: anchors, es un vector que contiene los enlaces internos existentes en el documento. all, es un vector que contienen todos los elementos dentro del documento, sean del tipo que sean. (En desuso). applets, es un vector que contienen los applets creados en la web. (En desuso). images, es un vector que contiene las imágenes de la web. forms, es un vector con los formularios creados en la web. links, es un vector con los enlaces externos de la web. bgColor, contiene el color de fondo del documento. (En desuso). cookie, es un valor en string que contiene los valores de las cookies que posea en documento separadas por “;”. domain, guarda el nombre del servidor donde está alojada la web. alinkColor, contiene el color que se usa en el documento para los enlaces activos. location, cadena que contiene la ubicación de la web. referrer, cadena que contiene la URL de la página que llamo a la página actual. body, se usa para hacer referencia al cuerpo de la web, todo lo contenido dentro de las etiquetas HTML , solo en modo lectura. lastModified, contiene la fecha de modificación del documento. readyState, estado del objeto, tiene cuatro posibles valores: -Sin cargar. -Cargándose. -Sin terminar la carga pero interactivo. -Carga completa. height, contiene la altura del documento actual, puede modificarse. width, contiene la anchura del documento actual, puede modificarse. styleSheets, devuelve una lista de las hojas de estilo CSS usadas en el documento. parentNode, nos devuelve el padre, o elemento anterior al objeto indicado.

closed, es una propiedad de solo lectura y devuelve true si la ventana a la que hacemos referencia está cerrada o false si está abierta. var estacerrada = ventana.closed; defaultStatus, nos permite cambiar y leer el texto de la barra de estado del navegador. window.defaultStatus = “Hola, bienvenido”; frames, devuelve un vector compuesto de estos elementos que hay en la web. history, nos devuelve la instancia de referencia del elemento “history” de una ventana para poder interactuar con el, para ello disponemos de las siguiente funciones: history.back(): el navegador va a la anterior página que tenga guardada en la sesión. Similar al botón atrás de los navegadores. history.forward(): el navegador va a la siguiente página que tenga guardad en sesión. Similar al botón siguiente del navegador. history.go(numero): indicamos al navegador que se sitúe en la página que tenga guardada en la sesión y en la posición que indiquemos a partir de la actual. Por ejemplo, poniendo un -3, el navegador iría tres páginas hacia atrás. innerHeight, altura del contenido de la venta sin incluir los menús del navegador, pero si los posibles scrolls. innerWidth, anchura del contenido de la ventana incluyendo las barras de scroll. outherHeight, altura del navegador, incluyendo la página, los menús y los scrolls. outherWidth, anchura del navegador incluyéndolo todo. Veamos un ejemplo gráfico de la diferencia: Ejemplo del objeto Window length, número de frames o iframes que contiene la ventana. opener, devuelve la referencia de la ventana que abrió la actual, en caso de que la ventana no se abriera desde otra devolvería un “null”. parent, devuelve la referencia del padre de la ventana o frame actuales, por ejemplo si una página la insertamos dentro de un frame, el padre de esta será la ventana que contienen el frame. navigator, nos devuelve la referencia a un objeto predefinido de JavaScript que suministra información del navegador web. Sus atributos posibles son: navigator.appCodeName: devuelve el nombre interno del navegador. navigator.appName: devuelve el nombre oficial del navegador. navigator.appVersion: devuelve la versión del navegador. navigator.cookieEnabled: devuelve un valor “true” si el navegador tiene activadas las cookies. navigator.language: devuelve e código de lenguaje del navegador (para España “es”, Francia “fr”, Estados Unidos “eu”…). navigator.onLine: devuelve un valor “true” cuando el navegador está trabajando on-line y no con una versión en memoria. navigator.platform: devuelve la plataforma donde está trabajando el navegador, por ejemplo, en Windows XP 32 bit devuelve “Win32”. navigator.plugins: devuelve un “array” con la lista de plugins instalados en el navegador. navigator.product: devuelve el nombre del producto que es el navegador. navigator.producSub: devuelve el número de referencia del producto. navigator.userAgent: devuelve el agente navegador que usa el producto. navigator.vendor: nos indica el vendedor del producto, por ejemplo, en caso de Chrome nos devuelve Google Inc. navigator.vendorSub: nos indica la versión del vendedor (si tiene).

WINDOW.OPEN left: indica el espacio de separación con el margen izquierdo de la pantalla. top: indica el espacio de separación con el margen superior de la pantalla. height: indica la altura que tendrá la ventana nueva. width: indica la anchura que tendrá la ventana nueva. menubar: si pasamos un valor “yes” la nueva ventana tendrá la barra de menú de navegador. toolbar: si pasamos un valor “yes” la nueva ventana tendrá la barra de herramientas (atrás, adelante, refrescar, parar…). location: si pasamos un valor “yes” la nueva ventana tendrá la barra de dirección. status: si pasamos un valor “yes” la nueva ventana tendrá una barra inferior de estatu

cookie se compone de los siguientes elementos: nombre y valor: el nombre indica cómo se llamará la cookie y el valor indica que tiene la cookie. fecha de expiración: se puede asignar una fecha de expiración que indicará hasta cuándo está vigente dicha cookie; en caso de no indicar fecha, solo será vigente mientras el navegador esté abierto, luego se borrará; esta fecha tiene un formato concreto que podremos dar gracias a la función “toGMTString” de la clase “date”. Dominio: indica el dominio para el cual será válida la cookie, hay que tener en cuenta que se trata de URL completas (como, por ejemplo, www.ejemplo.com), con lo que la cookie no valdrá para otros dominios dentro de la página como podría ser alumnos.ejemplo.com. Path: indica la ruta dentro del dominio a la cual afecta la cookie; si no se indica, por defecto coge la ruta raíz “/” aunque podemos indicarle, por ejemplo, “/intranet/alumnos” y la cookie solo tendrá validez en las páginas dentro de esa ruta. Borrar: No se puede borrar una cookie directamente desde JavaScript para eliminarla debemos volver a crearla con una fecha de expiración anterior a la fecha y así el navegador detectará que ha expirado y la borrará.

setTimeout y setInterval. Estas funciones nos permiten definir un espacio de tiempo entre la invocación de la mismas hasta la ejecución del código

XMLHttpRequest son: onreadystatechange: propiedad que contiene el nombre de la función que se ejecutará al cambiar el estado del objeto. readyState: almacena el estado actual del objeto, este valor puede ser: 0 No inicializado. 1 Cargando (inicio). 2 Cargando (ya tenemos cabecera y estatus.) 3 Interactivo (tenemos datos parciales). 4 Completado. responseText: almacena la cadena devuelta por el servidor. responseXML: almacena la cadena devuelta por el servidor con la diferencia de que esta en XML. Los métodos del objeto XMLHttpRequest son: open: abre un canal asíncrono con el servidor. Recibe varios parámetros como veremos a continuación: open(metodo, url, [asincrono], [usuario], [clave]) método, es el tipo de petición http, puede ser GET o POST. URL, el url a la que se realiza la petición http. asíncrono, (opcional) indicamos con un “false” que la petición se haga de modo síncrono en vez de asíncrono. usuario, (opcional) usuario para la autentificación del url. clave, (opcional) clave para la autentificación del url. send: realiza la petición http, hasta que no se llama a este método no comienza la conexión. Recibe un parámetro por defecto con valor “null” que indica los posibles parámetros asociados al envío de la petición. send(datos) abort: detiene la petición actual. abort() getAllResponseHeaders: devuelve una cadena con las cabeceras de respuesta del servidor. getResponseHeader: recibe como parámetro el nombre de una cabecera y devuelve una cadena con el contenido de dicha cabecera. setRequestHeader: recibe dos parámetros: el primero indica el nombre de una cabecera y, el segundo, el valor que deseamos darle. Se debe llamar antes al método “open”.

jQuery Selectors:
Universal: $("*") — Selects all elements. Example: $("*").hide();
ID: $("#id") — Selects element with a specific ID. Example: $("#header").css("color","blue");
Class: $(".class") — Selects all elements with a class. Example: $(".menu").show();
Element: $("tag") — Selects all elements of a tag. Example: $("p").hide();
Grouping: $("h1, p, .note") — Selects multiple selectors at once. Example: $("h1, p").addClass("highlight");
First: $("p:first") — Selects the first <p> element. Example: $("p:first").css("font-weight","bold");
Last: $("p:last") — Selects the last <p> element. Example: $("p:last").fadeOut();
Even: $("tr:even") — Selects even-indexed elements (0-based). Example: $("tr:even").css("background","#eee");
Odd: $("tr:odd") — Selects odd-indexed elements. Example: $("tr:odd").css("background","#ccc");
Eq: $("li:eq(2)") — Selects element at a specific index. Example: $("li:eq(2)").addClass("active");
Greater Than: $("li:gt(2)") — Selects elements with index greater than 2. Example: $("li:gt(2)").hide();
Less Than: $("li:lt(2)") — Selects elements with index less than 2. Example: $("li:lt(2)").css("color","red");
Contains: $("p:contains('text')") — Selects elements containing specific text. Example: $("p:contains('Hello')").addClass("greet");
Empty: $("div:empty") — Selects elements with no children. Example: $("div:empty").remove();
Has: $("div:has(p)") — Selects elements containing <p>. Example: $("div:has(p)").addClass("with-paragraph");
Hidden: $("input:hidden") — Selects hidden elements. Example: $("input:hidden").show();
Visible: $("div:visible") — Selects visible elements. Example: $("div:visible").css("border","1px solid red");
Attribute: $("[attr]") — Selects elements with an attribute. Example: $("[title]").addClass("titled");
Attribute Equals: $("[attr='value']") — Selects elements with exact attribute value. Example: $("[type='text']").val("Hello");
Attribute Starts With: $("[attr^='val']") — Selects elements where attribute starts with value. Example: $("[href^='https']").addClass("secure");

jQuery UI Selectors:
:ui-accordion: $(".selector:ui-accordion") — Selects elements initialized as an accordion widget. Example: $(".box:ui-accordion").accordion("refresh");
:ui-autocomplete: $(".selector:ui-autocomplete") — Selects elements that are autocomplete widgets. Example: $("input:ui-autocomplete").autocomplete("disable");
:ui-button: $(".selector:ui-button") — Selects elements styled/initialized as buttons. Example: $("button:ui-button").button("disable");
:ui-datepicker: $(".selector:ui-datepicker") — Selects elements that are datepickers. Example: $("input:ui-datepicker").datepicker("setDate", new Date());
:ui-dialog: $(".selector:ui-dialog") — Selects elements that are dialogs. Example: $("#myDialog:ui-dialog").dialog("close");
:ui-menu: $(".selector:ui-menu") — Selects elements that are menus. Example: $("#nav:ui-menu").menu("collapseAll");
:ui-progressbar: $(".selector:ui-progressbar") — Selects elements that are progress bars. Example: $("#load:ui-progressbar").progressbar("value", 50);
:ui-slider: $(".selector:ui-slider") — Selects elements that are sliders. Example: $("#volume:ui-slider").slider("value", 30);
:ui-spinner: $(".selector:ui-spinner") — Selects elements that are spinners. Example: $("input:ui-spinner").spinner("stepUp");
:ui-tabs: $(".selector:ui-tabs") — Selects elements that are tabs widgets. Example: $("#myTabs:ui-tabs").tabs("option","active",1);

jQuery Combinator Selectors:
Descendant: $("ancestor descendant") — Selects all elements that are descendants (at any level) of a given ancestor. Example: $("div p") → all <p> inside <div>.
Child: $("parent > child") — Selects all direct children of a parent. Example: $("ul > li") → only immediate <li> children of <ul>.
Adjacent Sibling: $("prev + next") — Selects the immediately following sibling of an element. Example: $("h1 + p") → the first <p> right after an <h1>.
General Sibling: $("prev ~ siblings") — Selects all siblings after a given element, sharing the same parent. Example: $("h1 ~ p") → all <p> siblings after an <h1>.

Métodos jQuery básicos:
.addClass(nombreDeClase): Nos permite añadir una clase a los elementos o elemento seleccionados con jQuery.
.after(código): Añade el código especificado después de todos los elementos que se seleccionen.
.append(código): Añade código dentro de los elementos seleccionados al final del código que ya contengan.
.attr(nombreDelAtributo): Devuelve el valor del atributo indicado de la primera aparición del elemento seleccionado. Para iterar por varios elementos, usar .each().
.before(código): Inserta el código especificado antes de todos los elementos seleccionados.
.clone(): Crea una copia exacta del elemento seleccionado.
.css(estilo): Recoge el valor de un estilo de un elemento, por ejemplo el color de un texto.
.css(estilo, valor): Cambia estilos de un elemento (color, tamaño, forma…), por ejemplo: $("p").css("color", "#ff0000").
.hasClass(clase): Devuelve true si el elemento seleccionado tiene la clase indicada, si no devuelve false.
.html(valor): Recoge o modifica el contenido HTML de un elemento. Si se llama sin valor, devuelve el HTML; si se pasa un valor, reemplaza el HTML existente. No sirve para cambiar el valor de un <input> (usar .val()).
.remove(): Elimina un elemento del documento.
.removeAttr(atributo): Elimina un atributo de los elementos seleccionados.
.removeClass(clase): Elimina una clase del elemento seleccionado.
.val(valor): Recoge o modifica el valor de un <input>. Sin argumento devuelve el valor; con argumento lo establece.

blur() Este evento se ejecutará cuando se salga (pierda el foco) el elemento seleccionado, sobre todo se usa en formularios change() Se lanzará cuando se cambie el valor del elemento seleccionado, se usa sobre todo en formularios, para realizar alguna acción al modificar un campo, por ejemplo, habilitar el botón de enviar el formulario únicamente si se cambia algún valor. click() Nos permite ejecutar desde javascript el evento click de un elemento, por ejemplo, un botón de un formulario. click(funcion) Nos permite añadir al elemento seleccionado el evento click con una función específica, por ejemplo, un alert de un texto. dbclick() Igual que el anterior (click) pero con el doble click del ratón. ocus() Nos permite poner el foco en el elemento que deseemos, por ejemplo, suele usarse para al entrar a una página con formulario posicionar el cursor en el primer elemento del formulario. hover(función entrada, función salida) Nos permite definir una función al entrar a un elemento y al salir del elemento, por ejemplo, a una caja le podemos cambiar el color del texto al pasar con el ratón por encima y dejarlo como estaba al salir. keyup() Evento que se genera al presionar una tecla del teclado estando el foco en el elemento, se puede utilizar para al teclear dentro de un campo de texto buscar coincidencia (se verá en el tema de Ajax). También existe keydown y keypress. También sirve para lanzar el evento sin tocar el teclado dejando vacío el parámetro (similar al click). mouseup() Evento lanzado al clickear con el ratón en el elemento al que se selecciona. on(evento,funcion) Es un manejador de eventos, se utiliza para poder detectar eventos sin tener que llamar a la función específica, por ejemplo, para detectar el click: resize(funcion) Evento que ocurre cuando el elemento seleccionado cambia de tamaño, por ejemplo, sirve para detectar el cambio de resolución de pantalla: scroll(funcion) Sirve para detectar el scroll de un elemento seleccionado, por ejemplo, al hacer scroll en un elemento que nos dé un aviso o muestra una imagen, se usa mucho para mover elementos estáticos de la web al hacer scroll. submit() Nos permite lanzar el evento enviar del elemento seleccionado, también podemos añadirle una función al evento si le pasamos la función como parámetro submit(funcion), el uso más común es para lanzar un formulario desde un elemento que no está dentro del formulario del formulario o que no es el botón de envío (un botón un enlace…). ready() Es el evento más utilizado. Esta función es una imitación de la función genérica de JavaScript "window.onload" pero mientras la función de JavaScript espera a que se carguen todos los elementos de la página, incluyendo estilos e imágenes, la función de jQuery se lanza en cuanto se ha cargado la estructura de la web y por tanto las funciones generadas con jQuery responden de un modo más rápido que en JavaScript. Su uso más común es para lanzar códigos después de la carga de toda la web, por ejemplo, llamadas a librerías externas. each(objeto,función(key,valor)) objeto.each(function(){}) función que nos permite recorrer los objetos seleccionados (también puede usarse para recorrer un vector). Is() Como su traducción al español indica esta función nos permite comparar un elemento para saber si es un selector, un objeto o un elemento en concreto devolviendo 'true' en caso de que lo sea, en el ejemplo anterior lo comparábamos a un selector de 'checked' que permite seleccionar los elementos marcados. inArray(valor, vetor) Esta es otra función que nos permite agilizar el trabajo con vectores en jQuery, nos permite saber si un elemento este contenido en un vector sin necesidad de recorrerlo con la función 'each' o un bucle tipo 'for'. .show Muestra el elemento seleccionado, básicamente des oculta un elemento que estuviera oculto. .hide Oculta el elemento seleccionado, básicamente oculta un elemento que estuviera visible. .fadeIn Animación que muestra un elemento cambiando la opacidad al 100% progresivamente. .fadeOut Animación que oculta un elemento cambiando la opacidad al 0% progresivamente. .slideDown Muestra el elemento seleccionado con un movimiento de deslizamiento vertical desde arriba, debería estar oculto previamente. .slideUp Oculta el elemento seleccionado con un movimiento de deslizamiento vertical desde abajo, debería estar visible previamente. $(“div”).fadeIn(parametro) El parámetro puede ser el definido por defecto en jQuery: 'slow': 600 milisegundos. 'fast': 200 milisegundos. nos permite modificar los valores y propiedades CSS de un elemento con una animación. .animate(cambios css,duración,funcion)

“google.maps.Marker” que nos permite crear dicha marca. Este método recibe varios parámetros: position: el punto de coordenadas donde situaremos la marca. map: el identificador del mapa donde queremos poner la marca. title: texto que se mostrará al pasar con el ratón por la marca. icon: la imagen que deseamos que se muestre como marca, si no ponemos nada aparecerá la marca por defecto de Google. directionsRenderer.setMap: para indicar sobre qué mapa vamos a calcular el recorrido. directionsRenderer.setPanel: indicaremos el “id” de la capa (“div”) del HTML que contendrá la ruta escrita para llegar de una localización a otra. directionsService.route: es el método al que llamaremos para buscar la ruta. directionsRenderer.setDirections: este método es el que crea las indicaciones de la ruta en modo texto a partir del resultado de “route”.

calendario
header: No permite definir los elementos superiores del calendario, por ejemplo, los botones de navegación, el título del calendario y las opciones de visualización, posibles valores: Title: texto que contiene el mes / semana / día actual. Prev: botón para mover el calendario de vuelta un mes / semana / día. Next: botón para mover el calendario hacia adelante un mes / semana / día. prevYear: botón para mover el calendario de nuevo en el año. nextYear: botón para adelantar el calendario un año. today: para mover el calendario al mes / semana / día actual. Vistas posibles: nos permite definir la vista que el usuario puede poner en el calendario. month - mes. basicWeek - semana. basicDay - día. agendaWeek - semana en agenda (horas). agendaDay - día en agenda (horas). listYear - Lista de eventos sin calendario (vista anual). listMonth - Lista de eventos sin calendario (vista mensual). listWeek - Lista de eventos sin calendario (vista semanal). listDay - Lista de eventos sin calendario (vista diaria).
defaultDate: Nos permite indicar en que día inicial parte la vista del calendario, si no indicamos ninguno usa la librería momento para establecer el día actual.
navLinks: Nos permite definir si queremos que los nombres de los días sean clickeables; es decir si podemos pinchar en ellos, por defecto al pinchar nos abrirá el día en el que pinchemos, por defecto el valor es false, poniéndolo a true conseguimos esta funcionalidad.
editable: Nos permite determinar si se pueden modificar los eventos del calendario. Esto determina si los eventos se pueden arrastrar y cambiar de tamaño. Por defecto el valor es false.
eventLimit: Limita el número de eventos que se muestran en un día (celda del día). Cuando hay más eventos de los que entran por altura, se muestra un enlace que se parece a "+X más". Un valor de false (el valor predeterminado) mostrará todos los eventos tal cual. Un valor de true limitará el número de eventos a la altura de la celda de día.
events: Esta nos permite definir los eventos que aparecerán en el calendario, hay dos formas de definir, mediante un array que se le pasa como parámetro o como datos sacados de una ruta y que son servidos en JSON. Por array: Por url suele ser común generarlas desde una base de datos con PHP, Java o el lenguaje de programación que se use.
defaultView: Nos permite definir la vista inicial que tendrá el calendario, por defecto si la dejamos vacía será la mensual.
eventRender: Este evento se lanza cuando se procesa un evento, suele usarse para modificar por css algún estilo o lanzar alguna alerta.
dayClick: Se lanza cuando el usuario hace click en un día por ejemplo suele usarse para mostrar una ventana para que se rellene un formulario con los datos necesarios para crear una cita o entrada en el calendario.
eventClick: Se lanza cuando se pincha sobre un evento del calendario, por lo general se usa para ver los detalles del evento o mostrar un formulario para modificar el evento.
eventDrop: Se lanza cuando se arrastra un evento de calendario a un día distinto al que estaba indicado, la función nos devuelve un objeto evento, otro objeto delta, una función para devolver el evento al punto de partida (revertFunc), el objeto jsEvent y la vista

google.charts.load('current', {'packages':['corechart'], 'language': 'es'}); google.charts.setOnLoadCallback ( función ) Esta instrucción es muy parecida al 'ready' de Ajax, lo que nos hace es la llamada a la función JavaScript propia que creemos para cargar los gráficos una vez este cargada la web. arrayToDataTable var chart = new google.visualization.PieChart($('chart')); chart.draw (datos, opciones);