使用Vue+echars+Java后端数据生成饼状图

效果图：

后端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代码：

这里引用的都是本地下载好的包
还可以引用网上的

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<sc