echarts图表与列表文字结合导出word文档.doc

2、',//饼状图'echarts/chart/bar':'js/echarts'//柱状图}});require(['echarts','echarts/chart/line',//按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表'echarts/chart/bar'],function(ec){//基于准备好的dom，初始化echarts图表varmyChart=ec.init(document.getElementById(word));varoption={grid:{},tooltip:{trigger:'axis'},t

3、oolbox:{show:true,feature:{mark:{show:true},dataView:{show:true,readOnly:false},magicType:{show:true,type:['line','bar']},restore:{show:true},saveAsImage:{show:true}}},calculable:true,animation:false,legend:{data:['来电量','昨日数据对比']},xAxis:[{type:'category',data:xData}],yAxis:

4、[{type:'value',name:'来电量',axisLabel:{formatter:'{value}'}},{type:'value',name:'昨日数据对比',axisLabel:{formatter:'{value}%'}}],series:[{name:'来电量',type:"bar",data:getPlatData(hotWords)},{name:'昨日数据对比',type:"line",yAxisIndex:1,data:getPlatData(hotWordtwo)}]};//为echarts对象加载数据myCha

5、rt.setOption(option);$("#image1").val(myChart.getDataURL('png'));//alert(myChart.getDataURL('png'))//获取base64编码});}获取base64编码图片后要传到后台functionAllAreaWord(){vardate=$("#year").val();$.ajax({type:'POST',url:'briefing/exp',//用户请求数据的URLdata:"&date="+date+"&image1="+$("#image1").

6、val()+"&image2="+$("#image2").val(),beforeSend:function(){changeImg();},error:function(XMLHttpRequest,textStatus,errorThrown){alert(textStatus);},success:function(data){window.location.href="<%=basePath%>briefing/expword?date="+encodeURI(date);//后台将base64编码图片保存session中在执行导出

7、word}});}后台处理将图片编码存到session中@RequestMapping(value="exp")//简报生成echarts图表publicStringexp(Modelmodel,HttpServletRequestrequest){Stringimage1=request.getParameter("image1");Stringimage2=request.getParameter("image2");String[]url=image1.split(",");String[]url2=image2.split(",");

8、Stringimageo="";Stringimaget="";if(image1!=""&&url.length>1){imageo=url[1];}if(ima