Usted está en: Portada > Ejemplos de Uso > Ejemplo de Uso: Valor de la UF

Ejemplo de Uso: Valor de la UF

Para este ejemplo de visualización de datos, haremos uso del gráfico de linea interactivo perteneciente a la API de visualización de Google y de un archivo JSONP que contiene los valores de la UF desde el año 2008 al 2010. Este es obtenido mediante el API de Información Financiera de la Superintendencia de Bancos e Instituciones Financieras.

Lo que se obtiene es un gráfico de linea que muestra el valor de la UF durante un periodo comprendido entre los años 2005 y 2010.

La URL usada para generar los datos que se usan en visualización y que genera al recurso JSONP es la siguiente:

  • http://api.sbif.cl/api-sbifv3/recursos_api/uf/periodo/2008/2010?apikey=fff9d0d82hf6b33w30edk3c559787jah03cbcb15&formato=json&callback=despliegue

El archivo que retorna el servidor tiene la forma:

 

despliegue(

{"UFs":[

{"Valor":"19.627,70","Fecha":"2008-01-01"},

{"Valor":"19.632,75","Fecha":"2008-01-02"},

{"Valor":"19.637,80","Fecha":"2008-01-03"},

{"Valor":"19.642,85","Fecha":"2008-01-04"},

.

.

.

{"Valor":"21.413,41","Fecha":"2010-11-07"},

{"Valor":"21.416,17","Fecha":"2010-11-08"},

{"Valor":"21.418,92","Fecha":"2010-11-09"}

]

}

);

 

Esto significa, que al momento de insertar el siguiente script en mi sitio web:

  • <script type="text/javascript" src="http://api.sbif.cl/api-sbifv3/recursos_api/uf/periodo/2008/2010?apikey=43ffef8d0b4b175b85d569e06453g161k39f3954&formato=json&callback=despliegue"></script>

se invocará a la función de callback definida en la URL (en este caso a la función llamada despliegue), usando como parámetro el objeto Javascript que viene en el archivo JSONP.

Como se puede ver, es importante que previo a la inserción de este script debe estar definida la función de callback, como se muestra en el código de ejemplo.

Finalmente, el código contenido dentro de la función despliegue pertenece al manejo del API de Visualización de Google para el gráfico de lineas interactivo, está documentado en su sitio.

 

 

Ejemplo de Visualización

 

 

El gráfico demora en cargar y podría no cargar si se ha consumido la cuota de uso de la clave.

Actualizado: 01/12/2010