Java 实现 FusionCharts 图表导出图片或PDF文件功能

第一步:引入FusionCharts文件,使用的版本为:FusionCharts 3.2.1(额,共享版,你懂的,后续提供下载链接)支持正版,官网地址:http://www.fusioncharts.com/

第二步:引入fcexporter.jar包(图片导出功能库),并在web.xml文件中配置以下代码

<servlet>
    <display-name>FCExporter</display-name>
    <servlet-name>FCExporter</servlet-name>
    <servlet-class>com.fusioncharts.exporter.servlet.FCExporter</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>FCExporter</servlet-name>
    <url-pattern>/FCExporter</url-pattern>
</servlet-mapping>

第三步:添加测试xml文件,实际开发中应使用动态URL模式,否则浏览器会有缓存

<chart baseFont='Arial' baseFontSize='12' decimals='0'
	exportEnabled='1' exportAtClient='0' exportAction='download'
	exportDialogMessage='正在导出,请稍候...' exportHandler='FCExporter'
	exportShowMenuItem='1' exportFormats='JPG=导出为 JPG 图片|PNG=导出为 PNG 图片|PDF=导出为 PDF 文件'
	formatNumberScale='0' showValues='1' caption='各品目年度销售总额分布图' subCaption='2014年'
	exportFileName='2014年各品目年度销售总额分布图' palette='4' numberPrefix='¥'>
	<categories>
		<category label='01'></category>
		<category label='02'></category>
		<category label='03'></category>
		<category label='04'></category>
		<category label='05'></category>
		<category label='06'></category>
		<category label='07'></category>
		<category label='08'></category>
		<category label='09'></category>
		<category label='10'></category>
		<category label='11'></category>
		<category label='12'></category>
	</categories>
	<set label='移动硬盘' value='3200000'></set>
	<set label='台式计算机' value='3200000'></set>
	<set label='多功能一体机' value='4600000'></set>
</chart>

第四步:编写JSP文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Fusion Chart</title>
	<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/plugins/FusionCharts 3.2.1/Scripts/FusionCharts.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/plugins/FusionCharts 3.2.1/Scripts/FusionChartsExportComponent.js"></script>
	<script type="text/javascript">
		$(function () {
			var chart = new FusionCharts("${pageContext.request.contextPath}/plugins/FusionCharts 3.2.1/Charts/Pie3D.swf", "chart", "720", "420");
			chart.setDataURL("${pageContext.request.contextPath}/database/chartData.xml");
			chart.render("divChart");
		});
	</script>
</head>
<body>
	<div id="divChart"></div>
</body>
</html>

第五步:启动项目,查看效果吧~

完整示例下载地址:http://download.csdn.net/detail/for_china2012/8314697

时间: 2024-10-07 19:31:46

Java 实现 FusionCharts 图表导出图片或PDF文件功能的相关文章

fusioncharts批量导出图片之后自动提交表单

最近一个项目  一个页面有多个fusioncharts,需要将他们一次性导出之后再利用图片做一下操作,制作一个可以客户下载的质检简报. 对客户效果来说,我只需要点击一个按钮就能生成简报并且下载,对开发人员来说就需要,先将图片导出(当然不能挨个导出,要同时执行导出,因为fusioncharts导出太慢了),要确认全部导出了才能提交表单,要不然提交表单之后,图片没有生成出来必然产生异常.下面我们来看一下实现 首先我给每一个fusionchartschart指定一个有规律的id,作用有两个: 一个是导

Fusioncharts的导出图片訪问官网问题

Fusioncharts3.5使用自带的导出功能,须要訪问官网 问题描写叙述:使用fusioncharts自带的exportchart方法来导出图片的时候.要訪问export.api3.fusioncharts.com, 为此.因为任务量的大小或者网络性能的原因.或者局域网的限制性导致了下载图片不全或者不能訪问server的 server报504的错误. 解决方式:通过在Fusioncharts.js文件里搜索export.api3.fusioncharts.com发现,它的导出图片的功能,的确

怎样把扫描的图片做成PDF文件

扫描一些文档文件后会形成很多图片,图片太多在保存后也不便于管理,所以一般会将这些图片转换成一个pdf格式的文档.那怎么把扫描的图片转成pdf文件呢? 如果图片是按照顺序命名的,就不用进行整理了,如果扫描的图片没有按顺序进行命名那首先要做的就是整理这些图片,按顺序为图片命名.然后将需要转为一个pdf文件的图片都放在同一个文件夹中. 比较直接的方法,使用转换工具直接将图片合成一个pdf文件. 先打开转换工具,选择“图片转PDF”. 点添加文件或者添加文件夹,将整理好的图片按顺序放到转换工具的空白列表

多图片生成pdf文件

这里记录多个图片合并生成一个pdf文件的方法. @Test public void exportTest() throws IOException, DocumentException { // 图片文件夹地址 String imageFolderPath = "F:/imgtest/"; // 图片地址 String imagePath = null; // PDF文件保存地址 String pdfPath = "F:/ceshi.pdf"; FileOutput

java从ldap中导出数据到ldif文件中

原创:http://www.cnblogs.com/dqcer/p/7814034.html 导入ldap.jar包,笔者已对下面两个文件测试并通过.若有疑问欢迎留言 LDAPExport.java package dsml_ldif; import java.io.FileOutputStream; import java.io.IOException; import java.io.UnsupportedEncodingException; import com.novell.ldap.LD

SSH系列:(31)将FusionCharts导出为图片、PDF、Excel

本文的思路: (1)准备一个Java Web项目 (2)将FusionCharts加入到项目 (3)将FusionChart输出为图片.PDF.Excel 环境: 操作系统:Windows 8.1 企业版 开发环境:MyEclipse 2015 Stable 2.0 1.准备JavaWeb项目 FusionCharts可以接受JSON.XML类型的数据,而JSON类型的数据相对比较简单,因此我们准备的JavaWeb项目能够提供返回JSON数据的能力. 1.1.新建Web Project 添加一个

将FusionCharts导出为图片、PDF、Excel

本文转自互联网 本文的思路: (1)准备一个Java Web项目 (2)将FusionCharts加入到项目 (3)将FusionChart输出为图片.PDF.Excel 环境: 操作系统:Windows 8.1 企业版 开发环境:MyEclipse 2015 Stable 2.0 1.准备JavaWeb项目 FusionCharts可以接受JSON.XML类型的数据,而JSON类型的数据相对比较简单,因此我们准备的JavaWeb项目能够提供返回JSON数据的能力. 1.1.新建Web Proj

随心所欲导出你的 UI 界面到 PDF 文件

使用 C1PDF 控件可以导出文件到 PDF 文件,结合 .NET 平台特性你可以在任何客户端生成自定义报表.你可以打印任何 UI 界面,例如 DataGrid 导出到 PDF. 在本篇文章中我们将阐述在 XAML 平台中打印 UI 到 PDF 文件的通用方法. 打印 UI 界面到 PDF 文件,需要首先把 UI 界面导出到图片,然后把图片添加到 PDF 文件中.面让我们来进入实战部分. 导出UI到图片 UI导出到 PDF 文件,最简单明了的方法是把 UI 界面作为图片插入到 PDF 文件中.每

将PDF文件转换成为JPG图片的方法

把pdf转换成jpg就是将PDF格式的文档转换成jpg格式的图片,pdf文档的每个页面都生成一个图片文件.这样做可以有效的防止对文档的修改复制等操作.那怎么把pdf转换成jpg呢? 首先都会想到用截图的方式,这种方法是简单,但是对PDF所有页面截图也是需要花的时间的,并且图片大小受到显示器大小的限制.往往会使所截图片内容不清楚. 另外我们可以用转换PDF文件格式的方法来进行转换,打开PDF转换成JPG转换器,点击选择文件转图片. 然后是把要转成图片的PDF文件添加到转换工具中,并设置转换后的图片