Java导出Highcharts生成的图表为图片源码

发布时间:2016-12-11 6:39:57 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Java导出Highcharts生成的图表为图片源码",主要涉及到Java导出Highcharts生成的图表为图片源码方面的内容,对于Java导出Highcharts生成的图表为图片源码感兴趣的同学可以参考一下。

  Java导出Highcharts生成的图表为图片源码 需要的jar包: 需要的js文件:(可以通过http://www.highcharts.com/download下载highcharts对应的js文件) 下面是一些主要部分 web.xml [html] view plaincopy <?xml version="1.0" encoding="UTF-8"?>   <web-app version="2.5"        xmlns="http://java.sun.com/xml/ns/javaee"        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee        http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">     <servlet>       <description>This is the description of my J2EE component</description>       <display-name>This is the display name of my J2EE component</display-name>       <servlet-name>SaveAsImage</servlet-name>       <servlet-class>com.foxconn.highcharts.demo.SaveAsImage</servlet-class>     </servlet>        <servlet-mapping>       <servlet-name>SaveAsImage</servlet-name>       <url-pattern>/SaveAsImage</url-pattern>     </servlet-mapping>     <welcome-file-list>       <welcome-file>basic_line.jsp</welcome-file>     </welcome-file-list>   </web-app>   servlet部分 [java] view plaincopy package com.foxconn.highcharts.demo;      import java.io.IOException;   import java.io.OutputStreamWriter;   import java.io.StringReader;      import javax.servlet.ServletException;   import javax.servlet.ServletOutputStream;   import javax.servlet.http.HttpServlet;   import javax.servlet.http.HttpServletRequest;   import javax.servlet.http.HttpServletResponse;      import org.apache.batik.transcoder.Transcoder;   import org.apache.batik.transcoder.TranscoderException;   import org.apache.batik.transcoder.TranscoderInput;   import org.apache.batik.transcoder.TranscoderOutput;   import org.apache.batik.transcoder.image.JPEGTranscoder;   import org.apache.batik.transcoder.image.PNGTranscoder;   //import org.apache.fop.svg.PDFTranscoder;               public class SaveAsImage extends HttpServlet {          /**       *        */       private static final long serialVersionUID = 1L;          /**       * Constructor of the object.       */       public SaveAsImage() {           super();       }          /**       * Destruction of the servlet. <br>       */       public void destroy() {           super.destroy(); // Just puts "destroy" string in log       }          public void doGet(HttpServletRequest request, HttpServletResponse response)               throws ServletException, IOException {           doPost(request, response);       }              public void doPost(HttpServletRequest request, HttpServletResponse response)               throws ServletException, IOException {              /*导成pdf做了很久,但还是没能做出来,因为一直报          * java.lang.NoSuchMethodError: org.apache.avalon.framework.configuration.DefaultConfiguration.<init>(Ljava/lang/String;)V的错误,          * 如果你知道如何解决这个错误,请告诉我一下,在此先谢过了。现在已经可以正确地将图片导成pdf了,程序是没有问题的          * */           request.setCharacterEncoding("utf-8");//设置编码,解决乱码问题           String type = request.getParameter("type");           String svg = request.getParameter("svg");           String filename = request.getParameter("filename");           filename = filename==null?"chart":filename;           ServletOutputStream out = response.getOutputStream();           if (null != type && null != svg) {               svg = svg.replaceAll(":rect", "rect");               String ext = "";               Transcoder t = null;               if (type.equals("image/png")) {                   ext = "png";                   t = new PNGTranscoder();               } else if (type.equals("image/jpeg")) {                   ext = "jpg";                   t = new JPEGTranscoder();               } else if (type.equals("application/pdf")) {                   ext = "pdf";                   t =(Transcoder) new PDFTranscoder();//我将这儿的注释去掉了,因为导成pdf的问题已经解决               } else if(type.equals("image/svg+xml"))                    ext = "svg";                  response.addHeader("Content-Disposition", "attachment; filename="+ filename + "."+ext);               response.addHeader("Content-Type", type);                              if (null != t) {                   TranscoderInput input = new TranscoderInput(new StringReader(svg));                   TranscoderOutput output = new TranscoderOutput(out);                                      try {                       t.transcode(input, output);                   } catch (TranscoderException e) {                       out.print("Problem transcoding stream. See the web logs for more details.");                       e.printStackTrace();                   }               } else if (ext.equals("svg")) {               //  out.print(svg);                   OutputStreamWriter writer = new OutputStreamWriter(out, "UTF-8");                   writer.append(svg);                   writer.close();               } else                    out.print("Invalid type: " + type);           } else {               response.addHeader("Content-Type", "text/html");               out.println("Usage:\n\tParameter [svg]: The DOM Element to be converted." +                       "\n\tParameter [type]: The destination MIME type for the elment to be transcoded.");           }           out.flush();           out.close();       }          /**       * Initialization of the servlet. <br>       *       * @throws ServletException if an error occurs       */       public void init() throws ServletException {           // Put your code here       }      }   jsp [html] view plaincopy <%@ page language="java" contentType="text/html; charset=UTF-8"       pageEncoding="UTF-8"%>   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   <html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   <title>Basic Line</title>   <script src="js/jquery.min.js" type="text/javascript"></script>       <script src="js/excanvas.compiled.js" type="text/javascript"></script>       <script src="js/highcharts.js" type="text/javascript"></script>              <script src="js/highcharts.src.js" type="text/javascript"></script>       <script type="text/javascript" src="js/exporting.js"></script>       <script type="text/javascript">           var chart;           $(document).ready(function(){               chart = new Highcharts.Chart({                   chart: {                       renderTo: 'container',                       defaultSeriesType: 'line',                       marginRight: 130,                       marginBottom: 25               },               title: {                   text: 'Monthly Average Temperature',                   x: -20    //center               },               subtitle: {                   text: '测试中文乱码',                   x: -20               },               xAxis: {                   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',                                   'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']               },               yAxis: {                   title: {                       text: 'Temperature (°C)'                   },                   plotLines: [{                       value: 0,                       width: 1,                       color: '#808080'                   }]               },               exporting:{                   filename:'chart',                   url:'http://localhost:8080/HighChartsDemo/SaveAsImage'//这里是一个重点哦,也可以修改exporting.js中对应的url               },               tooltip: {                   formatter: function(){                       return '<b>' + this.series.name + '</b><br/>' +                       this.x + ': ' + this.y + '°C';                   }               },               legend: {                   layout: 'vertical',                   align: 'right',                   verticalAlign: 'middle',                   x: 10,                   y: 100,                   borderWidth: 0               },               series: [{                   name: 'Tokyo',                   data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]               },{                   name: 'New York',                   data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]               },{                   name: 'Berlin',                   data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]               },{                   name: 'London',                   data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]               }]               });           });       </script>   </head>   <body>       <div id="container" style="width: 100%; height: 400px"></div>   </body>   </html>  

上一篇:
下一篇:c#使用office的墨迹书写工具

相关文章

相关评论