使用JFreeChart生成热点图表实现交互作用

最新推荐文章于 2024-04-09 09:37:22 发布

小黑鸣

最新推荐文章于 2024-04-09 09:37:22 发布

阅读量1.1k

点赞数

分类专栏： Jfreechart 文章标签： jfreechart json struts

本文链接：https://blog.csdn.net/javalearnNet/article/details/25364165

版权

Jfreechart 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现功能：
鼠标移到一个扇形区发生事件，使用json无刷新技术显示其他相关信息，在这里的例子中，以实现功能为目标，数据自己调整。
在这里运用到了J free chart，json,struts2框架技术。

添加支持架包支持，还有就是和struts2集成的架包支持

jsp如下：

  <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    
    <title>饼图</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- <meta http-equiv="refresh" content="0:;url=index.action" content="text/html;charset=utf-8" />-->
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<script type="text/javascript">
function shows(ids){
var params={id:ids};
$.ajax({
type:"post",
url:"dwrjax.action",
data:params,
dataType:"json",
success:function (datas){
var tip=document.getElementById("tips");
tip.style.visibility="visible"; 
tip.innerHTML="<img src='"+datas+"' id='imgs' width=500 height=300 />";
tip.style.left=document.body.scrollLeft+800+"px";
tip.style.top=document.body.scrollTop+100+"px";
}
});
}
function outs(){
document.getElementById("tips").style.visibility="hidden"; 
}
</script>
  </head>
  
  <body>
    <P ALIGN="CENTER">
     <s:property value="mapMessage" escape="false"/>  <!--热点输出-->
<img  src="<s:property value="graphURL"/>" width=500 height=300 border=0 usemap="#map0"/><!--这里面的#map0是指调用的对应的map id-->
</P>
<div id="tips" style="position:absolute;border:1px solid red;">
</div>
  </body>
</html

在这里的重点是使用了无刷新技术和map热点的应用

web.xml加如下代码

<servlet>   
    <servlet-name>DisplayChart</servlet-name>   
    <servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>   
</servlet>   
<servlet-mapping>   
    <servlet-name>DisplayChart</servlet-name>   
    <url-pattern>/DisplayChart</url-pattern>   
</servlet-mapping

Action代码如下：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="default" namespace="/" extends="struts-default">
<action name="index" class="action.JfreeAction" method="index">
<result name="success">index.jsp</result>
</action> 
</package>
<package name="" namespace="/" extends="json-default">
  <action name="dwrjax" class="action.JfreeAction" method="dwrjax">
  <result name="success" type="json">
  <param name="root">urls</param>
  </result>
  </action>
  </package>
</struts>

struts.xml代码如下：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="default" namespace="/" extends="struts-default">
<action name="index" class="action.JfreeAction" method="index">
<result name="success">index.jsp</result>
</action> 
</package>
<package name="" namespace="/" extends="json-default">
  <action name="dwrjax" class="action.JfreeAction" method="dwrjax">
  <result name="success" type="json">
  <param name="root">urls</param>
  </result>
  </action>
  </package>
</struts>

效果图如下：

原文地址及源码下载地址：http://www.javalearn.net/forum.php?mod=viewthread&tid=43&highlight=free

小黑鸣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
使用JFreeChart生成热点图表实现交互作用

实现功能：鼠标移到一个扇形区发生事件，使用json无刷新技术显示其他相关信息，在这里的例子中，以实现功能为目标，数据自己调整。在这里运用到了Jfreechart，json,struts2框架技术。添加支持架包支持，还有就是和struts2集成的架包支持 jsp如下：
复制链接

扫一扫