`
shihuan830619
  • 浏览: 583917 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

FusionCharts在服务器端导出图片(J2EE版)

    博客分类:
  • Flex
阅读更多
首先需要下载FusionCharts v3.1的swf文件,还需要下载FusionCharts.js和FusionChartsExportComponent.js两个JS文件(要下载跟v3.1匹配的版本),还要下载fcexporter.jar文件(要匹配v3.1版本),还要下载对应的Java文件(如截图)[img]http://static12.photo.sina.com.cn/orignal/4f925fc3g96a28a65f47b&690[/img],还有对应的JSP文件FCExporter.jsp、FCExporterError.jsp、FCExporter_IMG.jsp、FCExporter_PDF.jsp 。


【注】:如果下载的版本不一致就会导出失败!

 

下载完所有需要的文件后就该进行配置了:

第一步:在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>

 

第二步:在src目录下建立fusioncharts_export.properties文件,需要编写的内容如下:

        EXPORTHANDLER = FCExporter_

        RESOURCEPATH = /Resources/

        SAVEPATH = ./savefiles/

        HTTP_URI = http://localhost:8080/Broadband Aware Admin/savefiles/

        #HTTP_URI = http://www.yourdomain.com/savefiles/

        #HTTP_URI = http://192.168.0.10/ProjectName/savefiles/

        OVERWRITEFILE = false
        INTELLIGENTFILENAMING = true
        FILESUFFIXFORMAT = TIMESTAMP

【注】:RESOURCEPATH 配置的是FCExporter_IMG.jsp、FCExporter_PDF.jsp两个文件所在的路径(我的

        FCExporter_IMG.jsp、FCExporter_PDF.jsp文件放在了WebRoot下面的Resources文件夹里了),

        SAVEPATH 配置的是导出图片保存路径(需要在工程里事先建好),HTTP_URI 配置的是保存图片的服务器

        的绝对路径。(其他的属性不要变,否则会出问题)

 

第三步:写html页面,关键代码如下:

        <script type="text/javascript" src="../share/chartjs/FusionCharts.js"></script>
        <script type="text/javascript" 

                src="../share/chartjs/FusionChartsExportComponent.js"></script>

        <script type="text/javascript">
           
           //导出图片后调用的回调函数
           function FC_Exported(objRtn){  
              if (objRtn.statusCode=="1"){
                  alert("The chart with DOM Id " + objRtn.DOMId + " was successfully saved

                                on server. The file can be accessed from " + objRtn.fileName);
              }else{
                  alert("The chart with DOM Id " + objRtn.DOMId + " could not be saved on server.

                                      There was an error. Description : " + objRtn.statusMessage);
              }
           }
           //导出图片调用的方法
           function startExport(){
              var chart = getChartFromId("myFusionExport");   //生成的FusionCharts图表本身的标识
              //if (chart.hasRendered()==true){
              if (chart.hasRendered()){
                  chart.exportChart();
              }else{
                  alert("Please wait for the chart to finish rendering, before you can

                                                                        invoke exporting");
              }
           }
       </script>

       <input type='button' value='生成FusionCharts图表' onClick="showFusionCharts();" />

       <input type='button' value='导出FusionCharts图片' onClick="javascript:startExport();" />

       <div id="myFusion"></div>

       <script type="text/javascript">

       function showFusionCharts(){

            var xmlData = "chart palette='2' caption='按地市统计报表-不达标数' xAxisName='地市'

                                 yAxisName='' showToolTip='0' showValues='1'

                                 formatNumberScale='0' rotateNames='0' decimals='0'

                                 useRoundEdges='1' exportEnabled='1' exportAtClient='0'

                                 exportAction='save' exportFileName='weeksnotsucced'

                                 exportDialogMessage='正在导出,请稍候...'

                       exportHandler='http://localhost:8080/Broadband Aware Admin/FCExporter.jsp'

                                 exportShowMenuItem='1'>" +
            "<set name='Jan' value='462' color='AFD8F8' />" +
            "<set name='Feb' value='857' color='F6BD0F' />" +
            "<set name='Mar' value='671' color='8BBA00' />" + 
         "</chart>";
            var chart = new FusionCharts

                           ("../chartswf/Column3D.swf", "myFusionExport", "450", "280", "0", "0");
            chart.setDataXML(xmlData);
            chart.render("myFusion");  //放置图表的DIV的ID
       }

       </script>
分享到:
评论
13 楼 skying007 2017-10-02  
好资料,谢谢分享给啊
12 楼 liuweihug 2014-05-27  
fusioncharts 图片2种方式使用java导出 - 项目实战 - IT工作生活这点事。Just Such So!
http://www.suchso.com/projecteactual/fusioncharts-image-output-java.html
11 楼 donggongai 2013-05-31  
FC_Exported 这个函数有调用吗 没看到啊
10 楼 donggongai 2013-05-30  
可行。不过那个FusionChartsExportComponent.js我没有也可以导出
9 楼 lq紫嫣 2013-04-09  
能给免费的不,全都是要积分的,都没积分
8 楼 shuyuelu 2011-11-02  
怎么我找不到导出的图片啊
7 楼 竹隐江南 2011-08-18  
其实我也是想找比较简单的方式将fusioncharts导出图形并放到excel中
6 楼 ry.china 2011-07-29  
点击右键导出后,显示了进度条,完成后啥反应都没得,应该没有访问到后台,不知道是怎么回事
5 楼 shihuan830619 2011-06-10  
二楼的是jsp程序?

我的案例是J2EE的程序, jsp也应该好用的, 原理是一样的。
4 楼 p_3er 2011-06-08  
jun19910822 写道
有把图片和数据导入到word文档里的案例吗??

jun19910822 写道
有把图片和数据导入到word文档里的案例吗??

我也想要
3 楼 jun19910822 2011-03-04  
有把图片和数据导入到word文档里的案例吗??
2 楼 jinsv_eye 2011-02-15  
按照您的方法配置,后台始终报如下错误:
]] Root cause of ServletException.
java.lang.NullPointerException
        at com.dc.jsp.work.zhd_005ftest.FCExporterError_jsp._jspService(FCExport
erError_jsp.java:61)
        at com.digitalchina.web.jsp.jasper.runtime.HttpJspBase.service(HttpJspBa
se.java:108)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:820)
        at com.digitalchina.web.jsp.jasper.servlet.JspServletWrapper.service(Jsp
ServletWrapper.java:336)
        at com.digitalchina.web.jsp.jasper.servlet.JspServlet.serviceJspFile(Jsp
Servlet.java:329)
        Truncated. see log file for complete stacktrace
>
1 楼 xiaochengfu1 2011-01-27  
可行不。。。。

相关推荐

    fusioncharts生成图表后导出图片

    标题中的“fusioncharts生成图表后导出图片”指的是使用FusionCharts这个JavaScript图表库来创建可视化图表,并且能够将这些图表导出为图像文件。FusionCharts是一款强大的数据可视化工具,它提供了丰富的图表类型和...

    FusionCharts导出图片实例java版[参照].pdf

    本实例主要关注如何在Java环境下使用FusionCharts实现服务器端的图片和PDF导出。 首先,为了在服务器端使用JSP进行导出,你需要准备以下文件: 1. `FCExporter.jsp`:这是主要的导出处理器JSP文件。 2. `...

    FusionCharts统计图导出为图片或pdf

    本文将深入探讨FusionCharts如何实现统计图的导出功能,包括将其保存为图片和PDF格式。 首先,我们需要理解FusionCharts的基本工作原理。FusionCharts利用HTML5的Canvas元素或者SVG(Scalable Vector Graphics)...

    fusioncharts保存到服务器

    Java项目!可更改保存报表的路径!使用fusioncharts 通过javascript 提交报表图片!将图片保存到服务器后可以自己写代码!导出Excel、world等!参考文献http://blog.csdn.net/wangxw8746/article/details/27674471

    FusionCharts完整资料集

    "关于fusionCharts客户端导出图片具体步骤.docx"、"fusioncharts中导出组件属性怎么不起作用_百度知道.mht"、"FusionCharts在服务器端导出图片(J2EE版) - shihuan830619 - ITeye技术网站.mht"、"【转】FusionCharts...

    FusionCharts 导出图片

    本文将详细讲解如何在JSP页面中使用FusionCharts导出图片,包括jpg和pdf格式。 首先,理解FusionCharts的核心概念是关键。FusionCharts是一个基于SVG(Scalable Vector Graphics)的图表库,它支持超过90种不同类型...

    fusionCharts3.1图表自动导出到服务端

    实现fusionCharts3.1图表自动导出到服务端,导出在页面访问后4S后进行。 有两个javaweb工程,直接导入MyEclipse再在tomcat中部署后即可直接访问, 请确保你的fusionCharts是3.1版本的 另外还有一个文本文档,里面有...

    fusioncharts控件导出图片处理类

    1、使用fusioncharts可以轻松实现图片导出功能。 2、调用代码:exportEnabled='1' exportAtClient='0' exportHandler='FCExporter.aspx'

    fusioncharts导出到excel示例

    5. **前端触发导出**:在前端,当用户点击导出按钮时,调用FusionCharts的`exportChart()`方法,传递导出格式('excel')和其他选项。 ```javascript document.getElementById('exportBtn').addEventListener('...

    fusionCharts 导出图片到word ,导出内容+图片到word,导出图片到pdf, 导出多图到word,单独导出图片的myeclipse java 工程

    导出图片: only_pic.html 2. 导出图片到word: word_pic.html 3. 导出图片和内容到word: word_content_pic.html 直接导出 4.direct_pic.html 多图导出 5.word_content_pic.html

    FusionCharts结合J2EE服务端生成图片demo

    J2EE结合FusionChart服务端生成统计图的demo,将资源下载下来,导入到MyEclipse中即可...例子中包括客户端右键统计图下载,服务器端将图片保存到硬盘上的web自定义目录下等常用功能。我这实在是没分了,只能收点儿分了

    FusionCharts3 右键导出图片PDF格式

    在实际操作中,我们通常会将FusionCharts集成到Web项目中,因此,要实现右键导出功能,我们需要在服务器端配置FCExporter。以下是一般的步骤: 1. **下载FCExporter**:从官方网站或者其他可靠来源获取FCExporter的...

    Fusioncharts导出图片所需jar包

    总的来说,`fcexporter.jar`和`fcexporthandler.jar`是FusionCharts在J2EE环境中实现报表图片导出的关键组件。理解它们的工作原理和使用方法,对于高效地开发和维护数据可视化应用至关重要。在实践中,开发者应结合...

    FusionCharts 导出内容+图片到word

    本文将深入探讨如何利用FusionCharts实现内容与图片的导出功能,特别是将图表及关联内容导出到Word和PDF文档。 首先,FusionCharts的导出功能是通过其内置的ExportManager模块来实现的。这个模块允许用户将图表数据...

    FusionCharts 中文文档

    本中文文档主要介绍了如何在FusionCharts中实现图表的服务器端导出功能,包括PDF和图像格式。 1. **服务器端导出流程**: 当用户在图表上点击右键并选择导出选项时,图表的XML数据会发送到服务器。这个XML数据包含...

    JSP fusioncharts 导出图片(JPG)的例子(完整工程 测试通过)

    本文将详细讲解如何在JSP环境中利用FusionCharts实现图片(JPG)的导出功能,同时提供一个完整的工程案例供您参考。 首先,我们需要了解FusionCharts的基本使用。FusionCharts库提供了多种图表类型,如柱状图、饼图...

Global site tag (gtag.js) - Google Analytics