echarts + websocket 解决实时刷新问题

最新推荐文章于 2024-07-01 16:35:31 发布

weixin_34390105

最新推荐文章于 2024-07-01 16:35:31 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 网络 java ViewUI

原文链接：https://my.oschina.net/alexgaoyh/blog/544253

本文介绍了一种使用spring4+websocket+echarts实现长连接的方法，通过客户端与服务端建立持久连接，使得echarts在使用过程中能够实时刷新页面，动态展示数据。具体实现包括创建Echarts与WebSocket的关联关系，在初始化页面时建立连接，服务端主动发送消息以更新页面内容，从而解决了echarts的实时交互问题。

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

2019独角兽企业重金招聘Python工程师标准>>>

spring4 + websocket + echarts 长连接，解决echarts 在使用过程中实时刷新页面的问题（echarts 动态数据）；

源码链接部分：

http://git.oschina.net/alexgaoyh/MutiModule-parent/tree/master/MutiModule-echarts

详细可看README.md文件：

#2015124
创建Echarts与WebSocket的关联关系；
echarts在初始化到页面的过程中，客户端（浏览器）直接与服务端创建长连接，后期服务端主动向客户端发送消息，echart页面则开始刷新；
Demo:
http://127.0.0.1:8080/MutiModule-echarts/init 初始化echart页面，页面中展现一个图标信息
另开一个页面访问 http://127.0.0.1:8080/MutiModule-echarts/send 服务器主动向客户端发送消息，则看到之前init链接对应的页面内容发生了变化；

至此，echarts与WebSocket之间则解决了交互问题，并且可以通过服务端控制客户端页面的展现内容相关；

转载于:https://my.oschina.net/alexgaoyh/blog/544253