如何完成从数据库中取值,后在网页中根据数据绘制动态折线图?

飞奔的三轮车 2017-04-09 12:06:36
因为这是一个健康管理的系统,需要根据用户选择的日期范围,获取不定条数的数据,然后根据数据,日期在前端绘制成折线图。
我现在是用的springmvc框架,绘制折线图用的是ichart.js,因为需要在JavaScript中设计折线图,所以得到的数据需要在JavaScript中动态获取。
数据库中数据的类型是username(String),date(date),value(int),我已经构建好了一个这样的对象pdata。
也就是说我用select 读取出来的是List<map>形的数据。
而绘制折线图形的前端方法如下图:
	var data = [
{name : 'H',value : 7,color:'#a5c2d5'},
{name : 'E',value : 5,color:'#cbab4f'},
{name : 'L',value : 12,color:'#76a871'},
{name : 'L',value : 12,color:'#76a871'},
{name : 'O',value : 15,color:'#a56f8f'},
{name : 'W',value : 13,color:'#c12c44'},
{name : 'O',value : 15,color:'#a56f8f'},
{name : 'R',value : 18,color:'#9f7961'},
{name : 'L',value : 12,color:'#76a871'},
{name : 'D',value : 4,color:'#6f83a5'}
];

其中name是x轴数值,value是y轴数值
也就是说我需要把每一条数据分别按顺序获取进来
那这里我应该怎么处理呢?用ajax的话,我应该如何设计controller里面的方法呢?
...全文
1880 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
爱睡觉的阿狸 2017-04-09
  • 打赏
  • 举报
回复 1
先在你的Controller里面用fastjson还是什么都好,将list转成json字符串,在页面中用eval将json字符串转成json对象。eval('${listStr}')
李德胜1995 2017-04-09
  • 打赏
  • 举报
回复
ajax请求。。。使用@ResponseBody返回List<对象>就行了
podd 2017-04-09
  • 打赏
  • 举报
回复
前端用ajax, datatype json返回

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧