【ECharts】SSM框架动态传值之饼图

最新推荐文章于 2024-02-02 11:15:39 发布

原创

最新推荐文章于 2024-02-02 11:15:39 发布 · 1.5k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#Echats #ssm #ajax #json #动态传值

本文介绍了如何在SSM框架下利用ECharts动态生成饼图。通过查询数据库获取分类数据，将结果封装到VO对象，然后在Controller层处理并传递到JSP页面，最终展示动态的饼图效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

查询数据库的信息，根据分类查询出前5条数据的数量，我这里展示的是各个分类的图书数目，其余的类型都归属为其他；
如图所示：
这里写图片描述

1.将要传递的两个数组封装到vo里；

public class PieVo {
    private int[] count;  //显示数目
    private String[] name;//显示名称
    public PieVo(){}
}

2.controller层

    /**
     * 饼图的生成
     * @return
     */
    @RequestMapping(value = "/pie")
    @ResponseBody
    public PieVo pie(){
        PieVo p=new PieVo()；
        //查询到全部列表，列表内有数量（bookNum)、名称(name)的属性；
        List<Type> list1 =typeService.queryAll();
        //按booknum大小，将获取到的列表排序，由高到底
        Collections.sort(list1, new Comparator<Type>() {
            @Override
            public int compare(Type o1, Type o2) {
                return o2.getBookNum().compareTo(o1.getBookNum());
            }
        });