JFreeChart当鼠标停留在热点提示自定义信息功能
2013-08-01 16:02
288 查看
当鼠标停留在数据点时,希望有提示信息显示,但是根据业务需要,我们需要自定义显示一下信息!具体功能实现如下:
首先我们要弄明白,Jfreechart鼠标提示信息显示主要是得到一个数据的map对象,该map中定义了热点的坐标及提示时显示的信息即title
html或jsp中代码:
<img src="Jfreechart生成的图片路径" width=800 height=400 border=0 usemap="mapKey" >"
mapKey 默认为JfreeChart生成的图片名:mapKey = ServletUtilities.saveChartAsPNG(chart, 800, 400, info,session);// 生成图片
知道该原理,只有得到map,然后把里面的提示信息修改为我们的自定义提示信息即可;
如何生成图表(略过) 网上一搜一大把
1、首先获取map数据:
当你创建JFeeChart对象倒数第二个参数为true时,表示生成工具提示。
当把数据插入到数据集后,通过
获取到map提示信息的字符串表现形式,打印出来:
<map id="jfreechart-33716.png" name="jfreechart-33716.png">
<area shape="poly" coords="771,60,777,60,777,66,771,66,771,60,771,60" title="正常用量分析: (10-10-1 上午12:00, 10,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="699,90,705,90,705,96,699,96,699,90,699,90" title="正常用量分析: (10-9-1 上午12:00, 9,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="626,119,632,119,632,125,626,125,626,119,626,119" title="正常用量分析: (10-8-1 上午12:00, 8,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="552,149,558,149,558,155,552,155,552,149,552,149" title="正常用量分析: (10-7-1 上午12:00, 7,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="481,179,487,179,487,185,481,185,481,179,481,179" title="正常用量分析: (10-6-1 上午12:00, 6,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="407,208,413,208,413,214,407,214,407,208,407,208" title="正常用量分析: (10-5-1 上午12:00, 5,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="336,238,342,238,342,244,336,244,336,238,336,238" title="正常用量分析: (10-4-1 上午12:00, 4,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="263,268,269,268,269,274,263,274,263,268,263,268" title="正常用量分析: (10-3-1 上午12:00, 3,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="196,297,202,297,202,303,196,303,196,297,196,297" title="正常用量分析: (10-2-1 上午12:00, 2,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="122,327,128,327,128,333,122,333,122,327,122,327" title="正常用量分析: (10-1-1 上午12:00, 1,000)" alt="" nohref="nohref"/>
</map>
提示信息是在title项,只要我们把title项改为我们需要的信息即可。
最后完成的效果:
首先我们要弄明白,Jfreechart鼠标提示信息显示主要是得到一个数据的map对象,该map中定义了热点的坐标及提示时显示的信息即title
html或jsp中代码:
<img src="Jfreechart生成的图片路径" width=800 height=400 border=0 usemap="mapKey" >"
mapKey 默认为JfreeChart生成的图片名:mapKey = ServletUtilities.saveChartAsPNG(chart, 800, 400, info,session);// 生成图片
知道该原理,只有得到map,然后把里面的提示信息修改为我们的自定义提示信息即可;
如何生成图表(略过) 网上一搜一大把
1、首先获取map数据:
JFreeChart chart = ChartFactory.createTimeSeriesChart( "正常用量分析", // title x_name, // x-axis label "消耗热能 [单位:MJ]", // y-axis label collection, // data false, // create legend? true, // generate tooltips? false // generate URLs? );
当你创建JFeeChart对象倒数第二个参数为true时,表示生成工具提示。
当把数据插入到数据集后,通过
String map_ = ChartUtilities.getImageMap(fileName,info);
获取到map提示信息的字符串表现形式,打印出来:
<map id="jfreechart-33716.png" name="jfreechart-33716.png">
<area shape="poly" coords="771,60,777,60,777,66,771,66,771,60,771,60" title="正常用量分析: (10-10-1 上午12:00, 10,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="699,90,705,90,705,96,699,96,699,90,699,90" title="正常用量分析: (10-9-1 上午12:00, 9,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="626,119,632,119,632,125,626,125,626,119,626,119" title="正常用量分析: (10-8-1 上午12:00, 8,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="552,149,558,149,558,155,552,155,552,149,552,149" title="正常用量分析: (10-7-1 上午12:00, 7,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="481,179,487,179,487,185,481,185,481,179,481,179" title="正常用量分析: (10-6-1 上午12:00, 6,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="407,208,413,208,413,214,407,214,407,208,407,208" title="正常用量分析: (10-5-1 上午12:00, 5,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="336,238,342,238,342,244,336,244,336,238,336,238" title="正常用量分析: (10-4-1 上午12:00, 4,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="263,268,269,268,269,274,263,274,263,268,263,268" title="正常用量分析: (10-3-1 上午12:00, 3,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="196,297,202,297,202,303,196,303,196,297,196,297" title="正常用量分析: (10-2-1 上午12:00, 2,000)" alt="" nohref="nohref"/>
<area shape="poly" coords="122,327,128,327,128,333,122,333,122,327,122,327" title="正常用量分析: (10-1-1 上午12:00, 1,000)" alt="" nohref="nohref"/>
</map>
提示信息是在title项,只要我们把title项改为我们需要的信息即可。
最后完成的效果:
相关文章推荐
- JFreeChart当鼠标停留在热点提示自定义信息功能
- Jquery地图热点效果-鼠标经过弹出提示信息
- JfreeChart热点显示(鼠标提示)
- jQuery实现鼠标经过提示信息的地图热点效果
- Flex3+ArcGIS+API改变鼠标停留在导航条时显示的提示信息
- jQuery地图热点效应-后在弹出的提示鼠标层信息
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- dede自定义表单提交后的提示信息改弹窗提示并停留在当前页
- Win7系统电脑将鼠标停留在桌面图标上不出现提示信息的原因及解决方法图文教程
- JfreeChart 在Struts2 web上显示柱状图并当鼠标经过是出现提示信息
- jQuery地图热点效果-鼠标经过弹出提示层信息
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- ajaxToolkit中 Rating控件 自定义鼠标经过提示信息
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- Jquery地图热点效果-鼠标经过弹出提示信息
- Jquery地图热点效果-鼠标经过弹出提示信息
- C# WinForm开发系列之chart控件画折线图和柱形图并自定义鼠标移动到数据标记点显示提示信息
- Jquery地图热点效果-鼠标经过弹出提示信息
- html实现鼠标经过时有提示信息