北京工业职业技术学院学报

在信息时代，数据可视化工具为用户提供了直观、高效的方式展示数据。然而，通过对多种数据可视化工具进行调查和研究，发现许多工具仍存在卡顿、流程复杂以及上手慢等问题。为解决这些问题，提出了采用Vue框架作为可视化工具前端的方案，利用其响应式数据绑定、组件开发和DOM虚拟树等优势，开发了一种新的数据可视化工具的前端系统，并结合WebSocket技术实现了数据的实时更新。页面预览测试显示：设计的系统效果良好，运行流畅，有效提升了数据可视化工具的性能和易用性。

In the information age, data visualization tools provide users with an intuitive and efficient way to present data.However, through the investigation and research of a variety of data visualization tools, it is found that many tools still have problems such as lag, complex process and slow implementation.In order to solve these problems, a scheme of using Vue framework as the front-end of visualization tool is proposed. Using its advantages of reactive data binding, component development and DOM virtual tree, a new front-end system of data visualization tool is developed, and the real-time update of data is realized by combining WebSocket technology. The page preview test shows that the designed system works well and runs smoothly, which effectively improves the performance and ease of use of the data visualization tool.