效果图:
后端controller层代码:
//图表
@AuthIgnore
@PostMapping("getData")
public R getData() {
long[] idList= {3L,4L,5L,6L,7L};
List<Long> id=new ArrayList<Long>();
for (int i = 0; i < idList.length; i++) {
id.add(idList[i]);
}
List<TbUser> userList=userService.selectBatchIds(id);
return R.ok().put("data",userList);
}
注意:上面代码中的 3L,4L,5L,6L,7L,对应的是数据库中的ID
HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>五分钟上手之柱状图</title>
<!-- 引入 echarts.js -->
<script src="