Tramite questo web tools a differenza del widget normale che elenca gli ultimi aggiornamenti in una tabellina personalizzabile è possibile visualizzare sul proprio sito web o blog un prospetto grafico per quanto riguarda le serie storiche collegate all’indice selezionato. Una volta visualizzato il grafico si potrà anche accedere al foglio elettronico della serie storica in formato google docs. molto utile per una consultazione rapida e veloce ma anche utile per scaricare la serie storica in differenti formati come PDF, Open Office e Microsoft Excel.

Per i più esigenti sono state previste delle variabili di personalizzazione che permettono una maggiore integrazione con il layout del proprio sito, come ad esempio grandezze e colori. In ogni caso consiglio sempre di usare un aspetto semplice.

Iniziamo con l’inserimento più semplice, avete uno spazio sul vostro sito dove volete pubblicare il widget Euribor/Eurirs con Grafico? Prendete il codice sottostante e inseritelo nella pagina HTML nel punto in cui volete che questo sia posizionato, il widget per default avrà una altezza di 400(px) e una larghezza di 600(px). Ecco il codice da copiare nella vostra pagina HTML:

<script type="text/javascript"
src="http://startbyzero.com/static/finance/graphs/widget.js"></script>

Una volta inserito il codice vi dovrebbe apparire il widget nella forma che vedete nell’immagine qui accanto. Infatti il widget per default visualizza  il grafico Euribor per tutto lo storico dati disponibile, ma volendo tramite l’opzione che trovate in basso sulla documentazione potete vedere un grafico differente oltre a personalizzare i colori delle label e le dimensioni del grafico nella vostra pagina web o blog.

Adesso vediamo come possiamo selezionare un solo indice da visualizzare ad esempio supponiamo che ci interessa solo il grafico EURIRS, solo l’anno 2011 e con qualche colore diverso. In questo caso dovremo aggiungere un blocco di codice con la definizione delle opzioni che vogliamo cambiare nel nostro caso ci interessa l’opzione (sz_graph) che possiamo impostare ad euribor, eurirs, euribor-vs-eurirs, eurirs-vs-euribor, e l’opzione (sz_year) = 2011.

<script type="text/javascript"><!--
  sz_graph = "eurirs";
  sz_width = "600";
  sz_year = "2011";
  sz_back_label = "4b9af3";
  sz_back_label_s = "b1d3f9";
  sz_color_label = "ffffff";
  sz_color_graph = "4b9af3";
  sz_color_legend = "4b9af3";
  sz_color_label_s = "4b9af3";
//-->
</script>
<script type="text/javascript"
src="http://startbyzero.com/static/finance/graphs/widget.js"></script>

A questo punto dovremmo aver ottenuto questo risultato, non solo vediamo l’indice che abbiamo scelto ma abbiamo cambiato alcuni colori riguardanti le label e il testo delle informazioni, oltre ad aver impostato una larghezza diversa ed aver selezionato solo l’anno 2011 da visualizzare sul grafico. Per sapere tutti i parametri e opzioni di configurazione disponibili basta vedere la tabella riepilogativa qui di seguito.

Notate che tutti i valori che dovranno essere specificati per le varie opzioni devo essere indicati come stringa quindi opzione = valore dove valore è sempre specificato tra doppi apici. Altrimenti l’opzione non viene considerata e viene impostato il valore di default.

SE VOLETE SVILUPPARE  IL CODICE DA SOLI ANDATE SU AMCHARTS.COM