datagrid数据及echarts图表导出到Excel

导包:


        
            org.apache.poi
            poi
            3.9
        

        
            org.apache.poi
            poi-ooxml
            3.9
        

        
            org.apache.poi
            poi-scratchpad
            3.9
        


jsp页面中datagrid显示的数据及echarts图表显示的代码(包含在form表单中),算了,还是贴上整个jsp算了。

<

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/includes/taglibs.jsp"%>
<%--============================================================================
■页面标题:统计分析页面:/webview/eqkDemo/statisticAnalysis/findStatistic.jsp
■页面说明:... ...
============================================================================--%>

    

        统计分析
        
            
                
            
            
                
            
        

                    
                    
                    
                    
                

                    导出
                    查询
                    清空
                

    

    

    
    

        

            

        

    
    






JS页面:::

JEasy.namespace('com.gzzn.jeasy');
/**
 * ! jeasy.statisticAnalysis.js
 *
 * @note: 防震减灾控制类.
 * @author: guangwen zhou
 * --------------------------------------------------------------------------------
 */
;jQuery(function($) {
    
    /** --------------------------------构造类与方法---------------------------------- */
    /**
     * 系统基础工程构造方法类
     */
    com.gzzn.jeasy.StatisticAnalysis = function(element, options) {
        // 调用父类构造方法.
        com.gzzn.jeasy.StatisticAnalysis.superclass.constructor.call(this, element, options);
    };
    
    /**
     * 系统继承并重写基类方法.
     */
    JEasy.extend(com.gzzn.jeasy.StatisticAnalysis, com.gzzn.jeasy.Core, {
        init: function() {
            // 类实例化只有继承方法,没有自身方法.
        }
    });
    
    /**
     * 初始化基础工程列表方法.
     */
    com.gzzn.jeasy.StatisticAnalysis.prototype.findStatisticAnalysis = function(element, params) {
        var $this=this;
        $(element).datagrid({
        singleSelect:false,
        pageSize:6,
        columns:[[
          {field:'demoName',title:'防震减灾示范',width:'31%',align:"center"},
          {field:'num',title:'统计数量',width:'18%',align:"center"},
          {field:'createdTime',title:'统计时间',width:'18%',align:"center"},
//          {field:'opt',title:'操作',width:200,align:"center",formatter:function(value,row){
//              // button 定义
//              var buttons=[{title:"查看",iconCls:"icon-find",data:{id:row.engrId}},
//                           {title:"修改",iconCls:"icon-edit",data:{id:row.engrId}},
//                           {title:"删除",iconCls:"icon-delete",data:{id:row.engrId}}];
//              // 生成操作buttons
//              return $this.datagridBtnAppend(element,{buttons:buttons});
//          }}
        ]],
        onLoadSuccess: function(data){
            if(data.rows.length==0){
                $.messager.error("错误信息", "数据查询失败,请联系管理员!");
            }
        },
      });
    };
    
    /**
     * 防震减灾统计分析查询方法.
     * @param element
     * @param params
     */
    com.gzzn.jeasy.StatisticAnalysis.prototype.reload = function(element, params) {
        $(element).datagrid('reload',{
            areaId:$("form[name=统计分析表单]").find($('input[name=areaId]')).val(),
            cmtyLevel:$("form[name=统计分析表单]").find($('input[name=cmtyLevel]')).val()
    });
    };
    /*************************************接口监控数据导出方法**************************************************
     * @author guangwen zhou
     * */
    com.gzzn.jeasy.StatisticAnalysis.prototype.deriveData = function(element, params) {
        var $this=this;
        var imgURL = params.myEcharts.getDataURL('png');//获取base64编码                 
        var areaId=$("form[name=统计分析表单]").find($('input[name=areaId]')).val();
        var cmtyLevel=$("form[name=统计分析表单]").find($('input[name=cmtyLevel]')).val();
        var url=JEasy.context+"/statis/deriveData";
        var html="

" +
                "" +
                "" +
                "" +
                "