highcharts2.2.3导出中文乱码问题解决

方案一：

在exporting.js中找到enctype:"multipart/form-data"， 在后面增加上“,encoding: 'multipart/form-data'”。

 

方案二：

自己建Servlet导出。

batik的jar包这里有下载http://blog.renren.com/share/225362267/6752347325
servlet类：

import java.io.IOException;
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;
 
/**
 * Servlet implementation class for the batik Transcoder
 */
public class HighChartsServlet extends HttpServlet {
     
   private static final long serialVersionUID = 3920224595120519682L;
    
    public HighChartsServlet() {
      super();
   }      
 
   protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      doPost(request,response);
   }     
    
   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
      request.setCharacterEncoding("utf-8");//注意编码
      String type = request.getParameter("type");
      String svg = request.getParameter("svg");
      ServletOutputStream out = response.getOutputStream();
      if (null != type && null != svg){
      // This line is necessary due to a bug in the highcharts SVG generator for IE
      // I'm guessing it wont be needed later.
      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 = new PDFTranscoder();
 
      } else if (type.equals("image/svg+xml")) {
         ext = "svg";   
      }
       
      response.addHeader("Content-Disposition", "attachment; filename=chart."+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 == "svg"){
            out.print(svg);
         } 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();   
   }
}

web.xml中配置下serlvet：
<!--begin exporter highcharts-->
<servlet>
<servlet-name>HighChartsServlet</servlet-name>
<servlet-class>com.friendone.mrms.ws.material.HighChartsServlet</servlet-class>
<load-on-startup>10</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>HighChartsServlet</servlet-name>
<url-pattern>/getHighchartServlet</url-pattern>
</servlet-mapping>
<!--over exporter highcharts-->

然后修改highcharts的exporting.js：

url: 'http://export.highcharts.com/'改为本地的servlet地址
url:"http://localhost:8080/cmrm/getHighchartServlet"
这就可以本地导出图片了，在servlet里可以自己设置编码消除中文乱码。  

 

 

 

评论

1 楼 fivem 2015-01-13  

方案一没好使呢？