Hace unos días comentaba lo que había que hacer para poder llevar un seguimiento de las divisas desde nuestro móvil o iphone. Hoy voy a explicar como se hace para colocar esos gráficos de divisas que veis en la columna de la derecha en vuestro Blog o en vuestra página web.
Vamos a volver a utilizar los datos de yahoo para obtener los datos de cambio de divisa y también para dibujar el gráfico.
La dirección que nos muestra el gráfico de las divisas es la siguiente:
http://es.ichart.yahoo.com/t?s=EURCHF=X
Con las siguientes variantes:
Gráfico pequeño:
1 día: «http://ichart.yahoo.com/t?s=EURCHF=X
5 días: «http://ichart.yahoo.com/v?s=EURCHF=X
Si le añadimos el prefijo es. a las direcciones el gráfico cambiará de formato y nos mostrará el español.
Gráfico grande (normal):
1 día: «http://ichart.finance.yahoo.com/b?s=EURCHF=X
5 días: «http://ichart.finance.yahoo.com/w?s=EURCHF=X
Luego podemos modificar el valor de la divisa o del índice que queremos mostrar en nuestro gráfico como hicimos en el otro post.
Ahora, para colocarlo en nuestro lateral usaremos un <div> de este modo:
<div class=»block»>
<div align=»center»>
Euro / Yen
<a href=»http://es.finance.yahoo.com/q/bc?s=EURJPY=X&t=1d»><img src=»https://es.ichart.yahoo.com/t?s=EURJPY=X» alt=»[Chart]» border=»0″ height=»96″ width=»192″></a>
<br>
Euro / Franco Suizo
<a href=»http://es.finance.yahoo.com/q/bc?s=EURCHF=X&t=1d»><img src=»https://es.ichart.yahoo.com/t?s=EURCHF=X» alt=»[Chart]» border=»0″ height=»96″ width=»192″></a>
<br>
Euro / Dolar
<a href=»http://es.finance.yahoo.com/q/bc?s=EURUSD=X&t=1d»><img src=»https://es.ichart.yahoo.com/t?s=EURUSD=X» alt=»[Chart]» border=»0″ height=»96″ width=»192″></a>
</div>
</div>
Podemos cambiar el ancho y el alto para ajustarlo a nuestra página. Lo añadimos como bloque lateral o widget en el blog o la página deseada y listo.