Spring Boot笔记-echarts的使用及数据的修改
发布日期:2021-06-30 11:01:45 浏览次数:2 分类:技术文章

本文共 1161 字,大约阅读时间需要 3 分钟。

目录

 


 

基本概念

这里2D的一般使用这个js文件:echarts.js

3D的一般使用这个js文件:echarts-gl.min.js

thymeleaf这个模版引擎,可以返回一个div,如下所示:

//刷新雷达图    @GetMapping("/refreshRadarGraph/{value}")    public String refreshRadarGraph(@PathVariable("value") Integer value, Model model){        ...        ...        ...        return "admin/radarGraph::flush";    }

通过::XXX,可以直接返回这一部分的数据。前端可以使用jQuery中的load()函数进行异步调用!

就可以实现局部替换。

JavaScript如下:

显示如下:

通过:[[${someInfo.get(0)}]]这种方式可以获取后端的数据!

记得设置如下:

 

代码及演示

程序运行截图如下:

把实际销售值改了后!

响应如下:

数据如下:

关键代码如下:

后端代码如下:

//雷达图    @GetMapping("/radar")    public String toRadarGraphPage(Model model){        List
list = new ArrayList<>(); list.add(4000); model.addAttribute("someInfo", list); return "admin/radarGraph"; } //刷新雷达图 @GetMapping("/refreshRadarGraph/{value}") public String refreshRadarGraph(@PathVariable("value") Integer value, Model model){ System.out.println("refreshRadarGraph called the value is : " + value); List
list = new ArrayList<>(); list.add(value); model.addAttribute("someInfo", list); return "admin/radarGraph::flush"; }

 

转载地址:https://it1995.blog.csdn.net/article/details/91541469 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Spring Boot笔记-jQuery使用load进行异步调用
下一篇:C++设计模式-采用装饰模式用户和管理员加载不同的模块(Qt框架实现)

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年04月08日 10时04分45秒