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){ Listlist = 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2024年04月08日 10时04分45秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Live555中RTP包的打包与发送过程分析
2019-04-30
TCP和UDP 协议发送数据包的大小
2019-04-30
用vlc搭建简单流媒体服务器(UDP和TCP方式)
2019-04-30
RTSP流媒体数据传输的两种方式(TCP和UDP)
2019-04-30
Q_DECLARE_METATYPE与qRegisterMetaType学习
2019-04-30
国外程序员推荐:每个程序员都应读的书
2019-04-30
rtsp transport rtp/avp(/udp)和rtp/avp/tcp区别
2019-04-30
C语言中的位域
2019-04-30
C语言中的字节对齐
2019-04-30
大端、小端、网络字节序
2019-04-30
typedef struct与struct的区别
2019-04-30
4K分辨率是什么 你真的知道吗?
2019-04-30
QT VS配置UNICODE问题
2019-04-30
常见几种视频渲染模式介绍
2019-04-30
HTTP Keep-Alive详解
2019-04-30
HTTP协议详解
2019-04-30
分布式系统编程,你到哪一级了?
2019-04-30
centos主机名bogon解决办法
2019-04-30