ea 如何导出图片word如何导出图片

Fusioncharts图表组件图，导出PDF文件的详细过程如下：

1、下载相关文件。

要导出图片，必须下载fusionCharts 3.1或更高版本的崩溃版本，除了必需的swf文件(包括FCEx)外，还必须有两个js文件。

我相信大家都知道FCEx和这两个js的用途。这里不再解释了！要将两个js导入JSP页，请执行以下操作：

2、生成报告。

报告的实施很简单。只需要几行代码。

1.column chart=new fusion charts(' fcf _ column 3d . swf '' report '' 400 '' 300 '')；//其他参数不解释，如果最后一个参数设置为1，则会显示报告，而不是debug模式

2.Colum(数据)；//为data数据源加载数据

3 . columnc(' report div ')；//要显示绑定div的id属性的div

好了，各位，说到这里，我要插入点。fusionCharts有三种加载数据的方法：加载Xml文件格式、加载Javascript的JSON格式和加载字符串打补丁。

最重要的是，在chart的属性上要包括以下三个属性：

3、右键导出

当你的界面能看到超炫的报表了，而且确保是fusionCharts 3.1以上的版本，此时您在报表上右键是绝对可以看到导出菜单的：

呵呵，到了这里，奉劝各位别高兴太早！尽管你现在导出jpg、png、或pdf都没用的，根本就没导出。别急，我们回到最开始的数据源代码，想要导出图片必须加上以下参数：

1.exportEnabled='1'(开启导出模式)

2.exportAtClient='1'(确定客户端导出)

3.exportHandler='fcExporter1' (对应前台导出处理程序的标识，网络说是写一个jsp、asp或php的路径，那是服务端导出，在这里不用)

4.exportDialogMessage='正在生成,请稍候…' (导出时的提示语)

5.exportFormats='JPG=生成JPG图片|PDF=生成PDF文件'(右键菜单格式化成中文)

到这里虽然你还无法导出图片，当就快接近尾声了，此时你可以看到的效果已经变成中文的了的。

4、前台编写导出脚本

还记得我么之前说的exportHandler='fcExporter1'吗？属性值是绑定前台导出处理程序的标识。那现在我们就来写这个处理程序。在你生成报表代码的后面添加如下代码：

01.var myExportComponent = new FusionChartsExportObject("fcExporter1","FCEx"); //参数1：为处理程序标识，参数二为：上文中提到的导出需要用到的swf文件

02.myEx = 'EAF4FD';

03.myEx = '0372AB';

04.myEx = 'Verdana';

05.myEx = '0372AB';

06.myEx = '12';

07.//Title of button

08.myEx = '另存为'

09.myEx = '右键生成图片';

以上都是导出按钮的样式设置 不做解释

最关键的是以下这行代码：参数exproterDiv表示导出按钮将在哪个div里面显示，即：我们必须在页面加上一个div 且id=exproterDiv

1.myEx("exproterDiv");

当这一切都成功的设置后，您再尝试右键生成jpg图片之后，你可以在id为exproterDiv里面看到：

点击’另存为’将弹出保存框：

本站文章除注明转载外，均为本站原创或翻译