Tecnología

Inicio

Cómo utilizar Fusioncharts en WordPress

Cómo utilizar Fusioncharts en WordPress


FusionCharts es una aplicación web que permite al usuario crear animación Flash y Javascript gráficos que son atractivos visualmente, así como funcional. El software se puede instalar en casi cualquier sitio web, ya que es compatible con la mayoría de las tecnologías web. En el caso de WordPress, FusionCharts deberán integrarse en la base de datos MySQL mediante la instalación de la aplicación en su propio subdirectorio. El procedimiento para agregar esta aplicación a tu blog WordPress es bastante sencillo.

Instrucciones

1 Descargar el paquete FusionCharts que desea utilizar. Se puede comprar la versión 3, utilice la demostración o descargar la versión gratuita.

2 Crear una nueva carpeta en el directorio raíz de su sitio web y el nombre de esta carpeta "FusionCharts." Sube el archivo .ZIP a esta carpeta con el cliente de FTP preferido. Extrae el archivo ZIP en la carpeta. Crear otra carpeta llamada "FusionChartsData."

3 Generar un archivo XML de datos FusionCharts utilizando el generador de XML que se encuentra en el sitio web FusionCharts (www.fusioncharts.com). Copiar los datos generados por la herramienta y pegarlo en un nuevo documento de Bloc de notas. Guarde el documento como "data1.xml" y subirlo a la carpeta FusionChartsData que ha creado en el paso anterior.

4 Crear un mensaje nuevo y seleccione el editor HTML en lugar del editor visual. Pegue lo siguiente en el poste (para un gráfico de ejemplo):

<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" contenedor "> ')

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

chartObj.setDataURL (myDataXML);

chartObj.render (myChartId + "contenedor"); //]]> </ Script> </ p>

5 Haga clic en "Publicar" para publicar el mensaje y ver el Fusioncharts.