echart 后台返回多条数据处理

最新推荐文章于 2024-06-07 17:56:24 发布

grass521_

最新推荐文章于 2024-06-07 17:56:24 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： json 数据 echarts 一对多

本文链接：https://blog.youkuaiyun.com/u013323758/article/details/80597497

该博客主要介绍了如何在ECharts中展示由后台返回的多条年度能源使用情况数据。通过后台代码和前端代码的示例，阐述了如何解析和处理JSON数据，以便在图表中进行一对多的数据呈现。

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

业务需求：如图显示每年的能源使用的情况

后台代码直接上业务层：

Map<String, Object> map = new HashMap<>();

        List<String> xAxis = new ArrayList<>();// x坐标需要值
        List<Object> manyList = new ArrayList<>();// 返回一对多的数据
        
        List<Material> eqList = indexDao.getMaterialenery();
        if (eqList.size() > 0) {
            String time = DateUtil.currentDatetime("YYYY");
            for (int i = 3; i >=0; i--) {
  
  // 填充x坐标
                xAxis.add(String.valueOf(Integer.