本文介绍了如何使用Vue.js前端框架结合Echarts图表库，通过Java后端提供数据来生成柱状图。在后端控制器中，代码利用3L,4L,5L,6L,7L等数据库ID获取数据，然后在前端HTML中展示图表效果。"
128308236,1351607,Linux DMA-BUF 深入解析：从基础到Fence机制,"['Linux内核', 'DMA技术', '设备驱动', '内存管理', '同步机制']
效果图：
后端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="
最低0.47元/天 解锁文章
1408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
