Cómo exportar archivos en formato dpf en fusioncharts

Los pasos detallados para exportar imágenes y archivos PDF desde el componente de gráfico Fusioncharts son los siguientes:

1. Descargue los archivos relevantes

Para exportar imágenes, debe descargue fusionCharts Para la versión descifrada 3.1 o superior, además de los archivos swf que necesita (incluido FCExporter.swf), también necesita dos archivos js:

Creo que debe tener muy claro los usos de ¡FCExporter.swf y estos dos js no explicaré más! Importe los dos js a la página jsp:

2. Genere el informe

Es muy sencillo implementar el informe. Solo requiere unas pocas líneas de código:

ver código fuente? 1.columnChart = new FusionCharts("FCF_Column3D.swf", "Report", "400", "300", "0", "1"); //No se explican otros parámetros y el El último parámetro se establece en 1 para indicar que no se muestra el informe en modo de depuración

2.columnChart.setDataXML(data); //los datos cargan datos para la fuente de datos

3.columnChart .render("ReportDiv"); // Debe mostrarse ¿En qué div? Vincular el atributo de identificación del div

Bien, cuando se trata de esto, quiero insertar un punto. Tres formas de cargar datos en fusionCharts: carga en formato de archivo XML, carga en formato JSON de Javascript, carga de mosaico de cadenas.

Lo más importante es que los atributos del gráfico deben incluir los siguientes tres atributos:

3. Haz clic derecho para exportar

Cuando puedas ver el super. El informe es impresionante y asegúrese de que sea fusionCharts versión 3.1 o superior. En este momento, definitivamente puede ver el menú de exportación haciendo clic derecho en el informe:

Jaja, en este punto, lo aconsejo. ¡No seas demasiado feliz! Aunque ahora es inútil exportar jpg, png o pdf, no se exporta en absoluto. No se preocupe, volvamos al código fuente de datos original. Si desea exportar imágenes, debe agregar los siguientes parámetros:

view sourceprint?1.exportEnabled='1' (activar exportación). modo)

2.exportAtClient='1' (confirmar exportación del cliente)

3.exportHandler='fcExporter1' (correspondiente a la identidad del controlador de exportación front-end, la red dice que se escriba una ruta jsp, asp o php, es decir, exportación del lado del servidor, no se usa aquí)

4.exportDialogMessage='Generando, espere...' (mensaje al exportar)

5.exportFormats ='JPG=Generar imagen JPG|PDF=Generar archivo PDF' (formato del menú contextual en chino)

Aunque todavía no puedes exportar la imagen, está casi Al final, puedes ver que el efecto se ha cambiado a chino.

4. Escribe el script de exportación en la recepción.

¿Aún recuerdas el exportHandler='fcExporter1' que mencionamos antes? El valor del atributo es el identificador del controlador de exportación en primer plano vinculado. Ahora escribamos este controlador.

Agregue el siguiente código después del código de generación de informe:

view sourceprint?01.var myExportComponent = new FusionChartsExportObject("fcExporter1", "FCExporter.swf"); //Parámetro 1: es el identificador del controlador, The el segundo parámetro es: el archivo swf necesario para la exportación mencionada anteriormente

02.myExportComponent.componentAttributes.btnColor = 'EAF4FD';

03.myExportComponent.componentAttributes.btnBorderColor = '0372AB' ;

04.myExportComponent.componentAttributes.btnFontFace = 'Verdana';

05.myExportComponent.componentAttributes.btnFontColor = '0372AB';

06.myExportComponent. componenteAttributes.btnFontSize = '12';

07.//Título del botón

08.myExportComponent.componentAttributes.btnsavetitle = 'Guardar como'

09. myExportComponent.componentAttributes.btndisabledtitle = 'Haga clic derecho para generar una imagen';

Las anteriores son las configuraciones de estilo del botón de exportación sin explicación

Lo más importante es la siguiente línea de code: El parámetro exproterDiv indica en qué div se mostrará el botón exportar, es decir: debemos agregar un div a la página con id=exproterDiv

view sourceprint?1.myExportComponent.Render("exproterDiv" );

Después de que todo esté configurado correctamente, puede intentar hacer clic derecho para generar una imagen jpg, y podrá verla en exproterDiv con el ID.

Haga clic en 'Guardar' Como' y aparecerá un cuadro para guardar