关于fusionCharts客户端导出图片具体步骤.docxVIP

fusionCharts真实导出图片fusionCharts导出图片请记住以下步骤：1：下载相关文件要想导出图片必须下载fusionCharts 3.1以上的破解版，除了自己需要的swf文件外(包括FCExporter.swf) 还要两个js文件：相信各位应该很清楚FCExporter.swf和这两个js的用途，在这我就不做多解释了！将两个js导入jsp页面：2：生成报表实现报表很简单，只需要一下几行代码即可：columnChart = new FusionCharts(FCF_Column3D.swf,Report, 400, 300, 0, 1);//其他参数不做解释，最后一个参数设置为1 表示非debug模式显示报表columnChart.setDataXML(data);//data为数据源 加载数据columnChart.render(ReportDiv);//需要显示在哪个div里 绑定div的id属性OK各位，当说到这里的时候，我要插入一点，fusionCharts加载数据有三种方式： Xml文件格式加载，Javascript的json格式加载，字符串拼凑加载。但不管哪一种加载方式，最终的长相都是如下图：不过因为我是用java后台查询数据的，所以我这里讲述的是字符串拼凑加载方法。3：右键导出当你的界面能看到超炫的报表了，而且确保是fusionCharts 3.1以上的版本，此时您在报表上右键是绝对可以看到导出菜单的：呵呵，到了这里，奉劝各位别高兴太早！尽管你现在导出jpg、png、或pdf都没用的，根本就没导出。别急，我们回到最开始的数据源代码，想要导出图片必须加上以下参数：exportEnabled=1(开启导出模式) exportAtClient=1(确定客户端导出) exportHandler=fcExporter1 (对应前台导出处理程序的标识，网络说是写一个jsp、asp或php的路径，那是服务端导出，在这里不用)exportDialogMessage=正在生成,请稍候... (导出时的提示语)exportFormats=JPG=生成JPG图片|PDF=生成PDF文件(右键菜单格式化成中文)。到这里虽然你还无法导出图片，当就快接近尾声了，此时你可以看到的效果已经变成中文的了：4：前台编写导出脚本还记得我么之前说的exportHandler=fcExporter1吗？属性值是绑定前台导出处理程序的标识。那现在我们就来写这个处理程序、、、、在你生成报表代码的后面添加如下代码：var myExportComponent = new FusionChartsExportObject(fcExporter1,FCExporter.swf); //参数1：为处理程序标识，参数二为：上文中提到的导出需要用到的swf文件myExportCponentAttributes.btnColor = EAF4FD;myExportCponentAttributes.btnBorderColor = 0372AB;myExportCponentAttributes.btnFontFace = Verdana;myExportCponentAttributes.btnFontColor = 0372AB;myExportCponentAttributes.btnFontSize = 12;//Title of buttonmyExportCponentAttributes.btnsavetitle = 另存为myExportCponentAttributes.btndisabledtitle = 右键生成图片;以上都是导出按钮的样式设置 不做解释最关键的是以下这行代码：参数exproterDiv表示导出按钮将在哪个div里面显示，即：我们必须在页面加上一个div 且id=exproterDivmyExportComponent.Render(exproterDiv);当这一切都成功的设置后，您再尝试右键生成jpg图片之后，你可以在id为exproterDiv里面看到：点击’另存为’将弹出保存框：此时您将可以很方便的保存报表导出的文件！