Hvordan bruke Fusion Figurer i WordPress

Hvordan bruke Fusion Figurer i WordPress


FusionCharts er en web-applikasjon som gjør det mulig for brukeren å lage animert Flash og Javascript diagrammer som er visuelt tiltalende så vel som funksjonelle. Programvaren kan installeres på nesten hvilken som helst nettside, som det er kompatibelt med de fleste webteknologier. I tilfelle av WordPress, må FusionCharts integreres i MySQL-databasen ved å installere programmet i sin egen underkatalog. Fremgangsmåten for å legge denne app til din WordPress blogg er ganske grei.

Bruksanvisning

1 Last ned FusionCharts pakken du ønsker å bruke. Du kan kjøpe versjon 3, bruker demo eller laste ned gratis versjon.

2 Opprett en ny mappe i rotkatalogen på nettstedet ditt og kalle denne mappen "FusionCharts." Last opp ZIP-filen til denne mappen ved hjelp av din foretrukne FTP-klient. Pakk ut ZIP-filen i mappen. Lag en mappe som heter "FusionChartsData."

3 Generere en FusionCharts data XML-fil ved hjelp av XML-generator funnet på FusionCharts nettsted (www.fusioncharts.com). Kopier dataene som genereres av verktøyet og lim det inn i en ny Notisblokk-dokument. Lagre dokumentet som "data1.xml" og laste det opp til FusionChartsData mappen du opprettet i forrige trinn.

4 Opprett et nytt innlegg, og velg HTML editor i stedet for Visual redaktør. Lim inn følgende i innlegget (for en prøvekart):

<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 + 'container"> ")

Var chartObj = nye FusionCharts (myChartSWF, myChartId, myChartWidth, myChartHeight);

chartObj.setDataURL (myDataXML);

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

5 Klikk "Publiser" for å publisere innlegget og se FusionChart.