thymeleaf模板引擎div th:each=展示echarts图表

最新推荐文章于 2024-10-08 18:49:37 发布

System_FFF

最新推荐文章于 2024-10-08 18:49:37 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

文章标签： spring boot thymeleaf

本文链接：https://blog.csdn.net/qq_32969281/article/details/78377982

本文介绍如何在SpringBoot项目中使用Thymeleaf模板引擎结合ECharts实现动态图表展示。具体包括html页面结构设置及Controller层数据处理逻辑。

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

前台动态展示echarts图表，使用spring boot 与 thymeleaf

html页面

<div th:each="row,iterStat:${county_list}" style="margin-top: 50px">
    <div class="aa" th:id="'con'+${iterStat.count}">Onions</div>

</div>

controller层

@RequestMapping(value = "pkhsx_all")
public List<EchartArrayList> getChartDataPKHSXAll(ViewAllCommand viewAllCommand){
    List<EchartArrayList> list = new ArrayList<EchartArrayList>();
    EchartArrayList hc = new EchartArrayList();
    String territorycode = viewAllCommand.getTerritorycode();
   /// System.out.println(territorycode);
    List<View_ccpkhsx> userBroswerList = analysisAllService.findChartview_PKHSH_ALl(territorycode);
    System.out.println(userBroswerList.get(0).getCounty());
    List<Object> lt = new ArrayList<Object>();
    List<Object> ltx = new ArrayList<Object>();
    List<Object> ltc = new ArrayList<Object>();
    hc = new EchartArrayList();
    hc.setName("贫困户属性");
    if (userBroswerList.size() > 0) {
        for (View_ccpkhsx obj : userBroswerList) {
            lt.add(obj.getNum());
            ltx.add(obj.getAAD107());
            ltc.add(obj.getCounty());
        }
    }
    hc.setData1(lt);
    hc.setData2(ltx);

    hc.setData3(ltc);
   // System.out.println(hc.getData3().toString());
    list.add(hc);
    return list;
}

更多计算机视频教程（Java、Python、大数据等等）、计算机软件（Mac）、影视资源推荐。

欢迎大家关注本公众号：V的聚集地