Come usare Fusion Grafici a WordPress

July 27

Come usare Fusion Grafici a WordPress


FusionCharts è un'applicazione Web che permette all'utente di creare Flash animati e grafici Javascript che sono visivamente accattivante e funzionale. Il software può essere installato su quasi qualsiasi sito web, in quanto è compatibile con la maggior parte delle tecnologie Web. Nel caso di WordPress, FusionCharts devono essere integrate nel database mySQL installando l'applicazione nella propria sottodirectory. La procedura per l'aggiunta di questa applicazione per il tuo blog WordPress è abbastanza semplice.

istruzione

1 Scaricare il pacchetto FusionCharts che si desidera utilizzare. È possibile acquistare la versione 3, utilizzare la demo o scaricare la versione gratuita.

2 Creare una nuova cartella nella directory principale del tuo sito web e il nome di questa cartella "FusionCharts." Carica il file .ZIP in questa cartella utilizzando il client preferito FTP. Estrarre il file .ZIP nella cartella. Creare un'altra cartella chiamata "FusionChartsData."

3 Generare un file XML di dati FusionCharts utilizzando il generatore XML trovato al sito FusionCharts (www.fusioncharts.com). Copiare i dati generati dallo strumento e incollarlo in un nuovo documento di Blocco note. Salvare il documento come "data1.xml" e caricarlo nella cartella FusionChartsData creata nel passaggio precedente.

4 Creare un nuovo post e selezionare l'editor HTML anziché l'editor di Visual. Incollare il seguente nel post (per un grafico di esempio):

<P> <script type = "text / javascript"> </ script>

<Script type = "text / javascript"> // <! [CDATA [

var myChartId = 'chart1';

var myChartSWF = '/assets/FusionCharts/Column3D.swf';

var myChartWidth = '500';

var myChartHeight = '240';

var myDataXML = '/wp-content/uploads/2009/03/data.xml';

document.write ( '<span id = "' + myChartId + 'contenitore">')

var chartObj = new FusionCharts (myChartSWF, myChartId, myChartWidth, myChartHeight);

chartObj.setDataURL (myDataXML);

chartObj.render (myChartId + 'contenitore'); //]]> </ Script> </ p>

5 Fai clic su "Pubblica" per pubblicare il post e visualizzare il FusionChart.