使用JFreeChart生成热点图表

  WEB图表开发系列一:使用JFreeChart生成热点图表

 

<一>前言:
    JFreeChart是开放源代码站点SourceForge.net上的一个JAVA项目。它的功能十分强大,能创建饼图、柱状图(普通柱状图以及堆栈柱状图)、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等,并可生成PNG或JPG图片格式文件。
  本人在学习过程中发现,网上很多文章都是讲一些JFreeChart的基本应用,而对JFreeChart生成热点图表这样常用的功能虽有所提及却没有一个完整的例子,所以我就写一个简单示例供大家参考,希望对大家的学习有所帮助。 
<二>示例说明:
    假设有一个关于程序员北京,上海,广洲三地程序员学历,开发语言,薪金情况的调查。首先要以饼图显示程序员学历的分布情况(index.jsp)。点击饼图的每一部分会以柱状图显示该层次程序员所用开发语言和薪金的情况(barview.jsp)。重点演示怎样在饼图上添加链接。

<三>准备工作:
   1.下载最新版本的JFreeChart,当前为jfreechart-1.0.0-rc1
     下载地址:http://www.jfree.org/jfreechart/index.html
   2.解压文件,将jfreechart-1.0.0-rc1/lib下的jcommon-1.0.0-rc1.jar,jfreechart-1.0.0-rc1.jar复制到WEB应用的lib目录下。

   3.在web.xml文件中增加以下内容:

    

  1. <servlet>
  2.         <servlet-name>DisplayChart</servlet-name>
  3.         <servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
  4.     </servlet>
  5.     <servlet-mapping>
  6.         <servlet-name>DisplayChart</servlet-name>
  7.         <url-pattern>/servletDisplayChart</url-pattern>
  8.     </servlet-mapping>



<四>饼图页面代码(index.jsp) 

  1. <%@ page contentType="text/html;charset=GBK"%>
  2. <%@ page import="org.jfree.data.general.DefaultPieDataset"%>
  3. <%@ page import="org.jfree.chart.*"%>
  4. <%@ page import="org.jfree.chart.plot.*"%>
  5. <%@ page import="org.jfree.chart.servlet.ServletUtilities"%>
  6. <%@ page import="org.jfree.chart.labels.StandardPieItemLabelGenerator"%>
  7. <%@ page import="org.jfree.chart.urls.StandardPieURLGenerator"%>
  8. <%@ page import="org.jfree.chart.entity.StandardEntityCollection"%>
  9. <%@ page import="java.io.*"%>
  10. <HTML>
  11. <HEAD>
  12. <META http-equiv=Content-Type content="text/html; charset=GBK">
  13. <TITLE>nacl_zhuang@hotmail.com</TITLE>
  14. </HEAD>
  15. <BODY>
  16. <%
  17.  
  18. DefaultPieDataset data = new DefaultPieDataset();
  19. data.setValue("高中以下",370);
  20. data.setValue("高中",1530);
  21. data.setValue("大专",5700);
  22. data.setValue("本科",8280); 
  23. data.setValue("硕士",4420);
  24. data.setValue("博士",80); 
  25.  
  26. PiePlot3D plot = new PiePlot3D(data);//3D饼图
  27. plot.setURLGenerator(new StandardPieURLGenerator("barview.jsp"));//设定链接
  28. JFreeChart chart = new JFreeChart("",JFreeChart.DEFAULT_TITLE_FONT, plot, true);
  29. chart.setBackgroundPaint(java.awt.Color.white);//可选,设置图片背景色
  30. chart.setTitle("程序员学历情况调查表");//可选,设置图片标题
  31. plot.setToolTipGenerator(new StandardPieItemLabelGenerator());
  32. StandardEntityCollection sec = new StandardEntityCollection();
  33. ChartRenderingInfo info = new ChartRenderingInfo(sec);
  34. PrintWriter w = new PrintWriter(out);//输出MAP信息
  35. //500是图片长度,300是图片高度
  36. String filename = ServletUtilities.saveChartAsPNG(chart, 500, 300, info, session);
  37. ChartUtilities.writeImageMap(w, "map0", info, false);
  38.  
  39. String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + filename; 
  40.  
  41. %>
  42.  
  43. <P ALIGN="CENTER">
  44. <img src="<%= graphURL %>" width=500 height=300 border=0 usemap="#map0">
  45. </P>
  46. </BODY>
  47. </HTML> 



生成的图片如下

在浏览器中点右键->查看源文件会发现有以下一段HTML代码: 

  1. <map id="map0" name="map0">
  2. <area shape="poly" coords="247,61,250,61,250,123,250,123" title="博士 = 80" alt="" href="barview.jsp?category=博士&pieIndex=0"/>
  3. <area shape="poly" coords="148,112,153,102,160,92,170,83,182,76,196,70,212,65,229,62,247,61,250,123,250,123" title="硕士 = 4,420" alt="" href="barview.jsp?category=硕士&pieIndex=0"/>
  4. <area shape="poly" coords="324,167,311,173,297,179,282,182,266,185,250,186,234,185,217,183,202,179,188,173,175,167,165,159,157,151,151,142,147,132,146,122,148,112,250,123,250,123" title="本科 = 8,280" alt="" href="barview.jsp?category=本科&pieIndex=0"/>
  5. <area shape="poly" coords="307,72,324,80,338,91,347,103,352,117,352,131,347,144,338,156,324,167,250,123,250,123" title="大专 = 5,700" alt="" href="barview.jsp?category=大专&pieIndex=0"/>
  6. <area shape="poly" coords="261,62,285,65,307,72,250,123,250,123" title="高中 = 1,530" alt="" href="barview.jsp?category=高中&pieIndex=0"/>
  7. <area shape="poly" coords="250,61,261,62,250,123,250,123" title="高中以下 = 370" alt="" href="barview.jsp?category=高中以下&pieIndex=0"/>
  8. </map> 



这就是MAP信息,我们在IMG标签中加入usemap="#map0"就可以为饼图的每一部分加入链接。

<五>柱状图页面代码:(barview.jsp)

  1. <HTML>
  2. <HEAD>
  3. <META http-equiv=Content-Type content="text/html; charset=GBK">
  4. <TITLE>nacl_zhuang@hotmail.com</TITLE>
  5. </HEAD>
  6.  
  7. <body>
  8.  
  9. <%@ page contentType="text/html;charset=GBK"%>
  10. <%@ page import="org.jfree.chart.ChartFactory,
  11. org.jfree.chart.JFreeChart,
  12. org.jfree.chart.plot.PlotOrientation,
  13. org.jfree.chart.servlet.ServletUtilities,
  14. org.jfree.data.category.*"%>
  15. <%
  16. CategoryDataset dataset;
  17. String category=request.getParameter("category");
  18. category= new String(category.getBytes("ISO8859_1"), "GBK");
  19. if(category.equals("本科")||category.equals("高中")||category.equals("大专"))
  20. {
  21. dataset=getDataSet();
  22. }
  23. else if(category.equals("硕士")||category.equals("博士"))
  24. {
  25. dataset=getDataSet2();
  26. }else
  27. {
  28. dataset=getDataSet3();
  29. }
  30. String title=category+"程序员在各城市薪金情况统计";
  31. JFreeChart chart = ChartFactory.createBarChart3D(title, 
  32. "城市",
  33. "薪金",
  34. dataset,
  35. PlotOrientation.VERTICAL,
  36. true,
  37. false,
  38. false);
  39.  
  40. String filename = ServletUtilities.saveChartAsPNG(chart, 500, 300, null, session);
  41. String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + filename;
  42. %>
  43. <P ALIGN="CENTER">
  44. <img src="<%= graphURL %>" width=500 height=300 border=0 usemap="#<%= filename %>"> 
  45. </P>
  46. <%!
  47. private static CategoryDataset getDataSet() {
  48. DefaultCategoryDataset dataset = new DefaultCategoryDataset();
  49. dataset.addValue(2000, "北京", "VB");
  50. dataset.addValue(1800, "上海", "VB");
  51. dataset.addValue(2200, "广州", "VB");
  52. dataset.addValue(3200, "北京", "JAVA");
  53. dataset.addValue(3500, "上海", "JAVA");
  54. dataset.addValue(3600, "广州", "JAVA");
  55. dataset.addValue(3300, "北京", "DOT NET");
  56. dataset.addValue(3400, "上海", "DOT NET");
  57. dataset.addValue(3700, "广州", "DOT NET");
  58. dataset.addValue(2500, "北京", "DELPHI");
  59. dataset.addValue(2800, "上海", "DELPHI");
  60. dataset.addValue(3200, "广州", "DELPHI");
  61. dataset.addValue(5000, "北京", "VC");
  62. dataset.addValue(3500, "上海", "VC");
  63. dataset.addValue(4600, "广州", "VC");
  64. return dataset;
  65. }
  66. private static CategoryDataset getDataSet2() {
  67. DefaultCategoryDataset dataset = new DefaultCategoryDataset();
  68. dataset.addValue(2000, "上海", "VB");
  69. dataset.addValue(3000, "北京", "JAVA");
  70. dataset.addValue(3330, "上海", "JAVA");
  71. dataset.addValue(3500, "广州", "JAVA");
  72. dataset.addValue(3500, "北京", "DOT NET");
  73. dataset.addValue(4000, "上海", "DOT NET");
  74. dataset.addValue(4800, "广州", "DOT NET");
  75. dataset.addValue(2600, "北京", "DELPHI");
  76. dataset.addValue(2200, "上海", "DELPHI");
  77. dataset.addValue(4000, "北京", "VC");
  78. dataset.addValue(4000, "上海", "VC");
  79. dataset.addValue(4200, "广州", "VC");
  80. return dataset;
  81. }
  82. private static CategoryDataset getDataSet3() {
  83. DefaultCategoryDataset dataset = new DefaultCategoryDataset();
  84. dataset.addValue(2100, "北京", "VB");
  85. dataset.addValue(2200, "上海", "VB");
  86. dataset.addValue(2100, "广州", "VB");
  87. dataset.addValue(3000, "北京", "JAVA");
  88. dataset.addValue(3200, "上海", "JAVA");
  89. dataset.addValue(3600, "广州", "JAVA");
  90. dataset.addValue(4100, "北京", "DOT NET");
  91. dataset.addValue(4200, "上海", "DOT NET");
  92. dataset.addValue(4160, "广州", "DOT NET");
  93. dataset.addValue(2400, "北京", "DELPHI");
  94. dataset.addValue(2600, "上海", "DELPHI");
  95. dataset.addValue(2500, "广州", "DELPHI");
  96. dataset.addValue(5400, "北京", "VC");
  97. dataset.addValue(5000, "上海", "VC");
  98. dataset.addValue(5500, "广州", "VC");
  99. return dataset;
  100. }
  101. %>
  102. </body>
  103. </html> 



生成图片如下: 


<六>后记
1.这是本人发表的第一篇文章,如有不妥之处,请大家指正[cop]。
2.本人以程序员学历调查为例,实属对很多企业不接受低学历程序员的现象身有感触[(U)]。本人认为,如果一个低学历的人真正的的想做程序员,他就会比其他人更加刻苦学习更多的知识。如果一个企业愿意用一个没有学历的程序员,他也会对这家企业心存感激,认真工作,不会轻易跳槽。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值