zoukankan      html  css  js  c++  java

  • amCharts 报表(转) dodo

    amCharts 是基于Flash的一套图表解决方法,界面比JFreeChart华丽很多,而且可以与用户交互,动画效果非常漂亮.官网:http://www.amcharts.com
    About

    AmCharts is a set of Flash charts for your websites and Web-based products. AmCharts can extract data from simple CSV or XML files, or they can read dynamic data generated with PHP, .NET, Java, Ruby on Rails, Perl, ColdFusion, and many other programming languages.
    可见她很强大!

    官网截图:




                                                  泡沫图


                              股票图


    JAVA DEMO:








    图表的数据源:
    Xml代码 复制代码
    1. <?xml version="1.0" encoding="UTF-8"?>  
    2. <pie>  
    3.     <slice title="中国" pull_out="true">27</slice>  
    4.     <slice title="美国" pull_out="false" alpha="80">16</slice>  
    5.     <slice title="德国" pull_out="false">8</slice>  
    6.     <slice title="韩国" pull_out="false">7</slice>  
    7.     <slice title="意大利" alpha="100">6</slice>  
    8. </pie>  


    页面代码:
    Html代码 复制代码
    1. <html>  
    2.     <head>  
    3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    4.         <title>2008年第29届北京奥运会金牌榜</title>  
    5.         <script type="text/javascript" src="ampie/swfobject.js"></script>  
    6.         <script type="text/javascript">  
    7.               function exportImage() {  
    8.                   var flashMovie = document.getElementById('ampie');  
    9.                   if (flashMovie) {  
    10.                      flashMovie.exportImage('servlet/ExportImage');   
    11.                   }  
    12.                }   
    13.         </script>  
    14.     </head>  
    15.   
    16.     <body>  
    17.         <div id="flashcontent">  
    18.             <strong>You need to upgrade your Flash Player</strong>  
    19.         </div>  
    20.         <script type="text/javascript">  
    21.              var so = new SWFObject("ampie/ampie.swf", "ampie", "400", "200", "8", "#FFFFFF");  
    22.              so.addVariable("path", "ampie/");  
    23.              so.addVariable("settings_file", escape("ampie/ampie_settings.xml"));  
    24.              so.addVariable("data_file", escape("ampie/ampie_data.xml"));  
    25.              so.addVariable("preloader_color", "#999999");  
    26.              so.write("flashcontent");  
    27.   
    28.         </script>  
    29.         <hr noshade size="1">  
    30.         <input type="button" value="导出图片" onclick="exportImage();" />  
    31.     </body>  
    32. </html>  


    处理导出的Servlet:
    Java代码
    1. package org.lhq.ampie.demo;  
    2.   
    3. import java.awt.Graphics2D;  
    4. import java.awt.RenderingHints;  
    5. import java.awt.image.BufferedImage;  
    6. import java.io.IOException;  
    7.   
    8. import javax.imageio.ImageIO;  
    9. import javax.servlet.ServletException;  
    10. import javax.servlet.ServletOutputStream;  
    11. import javax.servlet.http.HttpServlet;  
    12. import javax.servlet.http.HttpServletRequest;  
    13. import javax.servlet.http.HttpServletResponse;  
    14.   
    15. import com.sun.image.codec.jpeg.JPEGCodec;  
    16. import com.sun.image.codec.jpeg.JPEGEncodeParam;  
    17. import com.sun.image.codec.jpeg.JPEGImageEncoder;  
    18.   
    19. /**
    20. * 这个Servlet处理图表页面传来的导出图片请求
    21. *
    22. * @author 廖瀚卿
    23. *
    24. */  
    25. @SuppressWarnings("serial")  
    26. public class ExportImage extends HttpServlet {  
    27.   
    28.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
    29.             throws ServletException, IOException {  
    30.         this.doPost(request, response);  
    31.      }  
    32.   
    33.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
    34.             throws ServletException, IOException {  
    35.         // 页面flash的宽度和高度  
    36.         int width = Integer.parseInt(request.getParameter("width"));  
    37.         int height = Integer.parseInt(request.getParameter("height"));  
    38.   
    39.          BufferedImage result = new BufferedImage(width, height,  
    40.                  BufferedImage.TYPE_INT_RGB);  
    41.         // 页面是将一个个像素作为参数传递进来的,所以如果图表越大,处理时间越长  
    42.         for (int y = 0; y < height; y++) {  
    43.             int x = 0;  
    44.              String[] row = request.getParameter("r" + y).split(",");  
    45.             for (int c = 0; c < row.length; c++) {  
    46.                  String[] pixel = row[c].split(":"); // 十六进制颜色数组  
    47.                 int repeat = pixel.length > 1 ? Integer.parseInt(pixel[1]) : 1;  
    48.                 for (int l = 0; l < repeat; l++) {  
    49.                      result.setRGB(x, y, Integer.parseInt(pixel[0], 16));  
    50.                      x++;  
    51.                  }  
    52.              }  
    53.          }  
    54.          response.setContentType("image/jpeg");  
    55.          response.addHeader("Content-Disposition",  
    56.                 "attachment; filename=\"amchart.jpg\"");  
    57.          Graphics2D g = result.createGraphics();  
    58.         // 处理图形平滑度  
    59.          g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    60.                  RenderingHints.VALUE_ANTIALIAS_ON);  
    61.          g.drawImage(result, 0, 0, width, height, null);  
    62.          g.dispose();  
    63.   
    64.          ServletOutputStream f = response.getOutputStream();  
    65.          JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(f);  
    66.          JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(result);  
    67.          param.setQuality((float) (100 / 100.0), true);// 设置图片质量,100最大,默认70  
    68.          encoder.encode(result, param);  
    69.          ImageIO.write(result, "JPEG", response.getOutputStream());// 输出图片  
    70.          f.close();  
    71.      }  
    72.   
    73. }

    这个Flash图表 元件很棒啊
    并不需要破解,只要准备一个版权文字档amcharts_key.txt放进去就是正式版了

    这档案也很好取得,上Google搜索一下就有

    http://lethargy.org/amcharts/amcolumn/amcharts_key.txt

    http://www.dragonsoft.net/projects/erning/browser/amcharts/dotnet/trunk/amCharts/Static/amcharts_key.txt?rev=88
  • 相关阅读:
    Java入门3.2---线程池
    Java入门3.1---多线程
    打开ppt报"powerpoint无法加载mathtype加载项"错误
    LATEX排版总结
    casbin 权限系统
    Go netpoll I/O 多路复用构建原生网络模型之源码深度解析
    使用winsw包装服务将nginx包装为Windows服务
    Node.js 的模块系统
    一文读懂 babel7 的配置文件加载逻辑
    vue-cli是什么？和 webpack是什么关系？
  • 原文地址：https://www.cnblogs.com/zgqys1980/p/1776569.html
Copyright © 2011-2022 走看看