Java版fusionChart客户端导出图片

最新推荐文章于 2025-05-09 17:11:59 发布

凌一木

最新推荐文章于 2025-05-09 17:11:59 发布

阅读量149

点赞数

文章标签： java javascript ViewUI

本文链接：https://blog.youkuaiyun.com/ld362093642/article/details/84445470

版权

本文介绍如何使用FusionCharts库创建饼图，并实现导出为多种格式的功能，包括JPG、PNG、PDF等。通过设置XML数据模板，自定义图表样式和导出选项，可以方便地将生成的图表保存到客户端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


//页面导入JS 导入需要的jar包 （附件） .swf文件必须为破解的 fusionchart 3.2
<script type='text/javascript' src='FusionCharts/JSClass/FusionCharts.js'></script>
<script type='text/javascript' src='FusionCharts/JSClass/FusionChartsExportComponent.js'></script>


// Java 字符串拼接
/* exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' " 
				+ "exportDialogMessage='正在生成,请稍候...' exportFormats='JPG=生成JPG图片' >";
//exportFormats='JPG=生成JPG图片|PNG=生成PNG图片|PDF=生成PDF文件'
*/
/**
	 * 获取用来画饼图的XML数据
	 * @return
	 */
	private String getPie2DXmlData() {
		StringBuilder xmlData = new StringBuilder();
		String root = "<chart  caption='"
				+ this.caption
				+ "' showPercentageValues='1' palette='4' decimals='0' enableSmartLabels='1' " 
				+ " enableRotation='0' baseFontColor='#000000' bgColor='FFFFFF' bgAlpha='100,100' " 
				+ " bgRatio='0,100' bgAngle='360' showBorder='1' baseFontSize='12' startingAngle='70' " 
				+ " exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' " 
				+ "exportDialogMessage='正在生成,请稍候...' exportFormats='JPG=生成JPG图片' >";
		xmlData.append(root);

		xmlData.append(getSets());

		xmlData.append("</chart>");
		return xmlData.toString();
	}

//导出的DIV和 JS
<div id="fcexpDiv" align="center" style="margin-top:20px;">导出</div>
<script type="text/javascript">
var myExportComponent = new FusionChartsExportObject("fcExporter1", "FusionCharts/Charts/FCExporter.swf");
myExportComponent.componentAttributes.btnColor = 'EAF4FD'; 
myExportComponent.componentAttributes.btnBorderColor = '0372AB'; 
myExportComponent.componentAttributes.btnFontFace = 'Verdana'; 
myExportComponent.componentAttributes.btnFontColor = '0372AB'; 
myExportComponent.componentAttributes.btnFontSize = '12';
myExportComponent.componentAttributes.btnsavetitle = '另存为';
myExportComponent.componentAttributes.btndisabledtitle = '右键生成图片';
myExportComponent.Render("fcexpDiv");
//保存成功后的回调函数
function FC_Exported(objRtn){        
	if (objRtn.statusCode=="1"){ 
		alert("图片" + objRtn.fileName + " 已经成功保存到客户端");       
	}else{ 
		alert("这个chart不能保存到客户端.这有一个错误:描述 : " + objRtn.statusMessage);
	}
}
</script>