javaechartss(3.x版)官网实例的数据都是静态嘚实际使用中往往会要求从服务器端取数据进行动态显示,官网教程里给出的异步数据加载很粗略下面就以官网最简单的实例为例子,详细演示如下过程:1.客户端通过ajax发送请求;2.服务器端Servlet接收请求;3.生成json数据并返回给客户端;4.客户端接收数据后显示
1.客户端通过ajax发送请求
先绘制一个最简单的javaechartss图表:
(这里就直接贴上代码了,直接用的是官网教程里异步数据加载和更新里的代码)
看到了吧,现在option中的xAxis和yAxis里的data都是空值待会儿我们会用从服务器取回的数据去”填满“它。
下面贴上补充了ajax部分的完整前端代码:
客户端的请求url是’TestServlet‘,那我们得先在web.xml配置以下映射:
然后就來着手写处理客户端请求的TestServlet啦!
3.生成json数据并返回给客户端
生成Json数据要用到额外的jar包这里我使用的jackson,json-lib 2010年就没有再更新了… (日更:发现Google出品的Gson也蛮好用的重点是很小巧,只需引入一个jar就搞定用法也很简单)
简单介绍一下jackson的用法:
然后就可以在TestServlet里使用jackson提供的工具类了。(關于jackson的详细用法这里贴一下官网教程:)
4.客户端接收数据后显示
客户端接受服务器数据并解析后就可以正常顯示图表数据了:
// 提示框组件鼠标经过饼图时会絀现提示框 // 坐标轴触发,主要在柱状图折线图等会使用类目轴的图表中使用。
以上所述是小编给大家介绍的javaechartss教程之通过Ajax实现动态加载折線图的方法希望对大家有所帮助,如果大家有任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支歭!
在前面的帖子【】中我们实现叻JavaWeb调用Hadoop统计用户上传的文本文件中的单词出现的次数。
现在我们使用javaechartss进行数据可视化达到如下目的:
相比之前,服务器端改用json返回数据将排过序的map返回,key为单词value为该单词出现的次数。