The Design And Impleentation Of Data Visualization System Based On Vue

With the increasingly developing of information technology,The data generated by all industries is also becoming larger and larger.Faced with the growing demand for data analysis,data visualization has become an important tool for analyzing and presenting data with information and implications itself.Data visualization tools are mainly divided into two categories,one is library functions development tools for developers,such as D3,Echarts,HighCharts,the other is the visual software system for average users,such as Tableau,Power BI,SandDance,witch has the disadvantages of Poor usability,long learning curve,low performance or limited application range.In view of the above problems,this paper designed and implemented a data visualization system based on Vue,after researching and analysising of the status quo of related technologies and visualization system,so that more ordinary users can complete the data analysis work easily.The content and work of this paper mainly includes the following four parts:(1)Designed and implemented a common data visualization system that supports multiple data sources and friendly interacting.This system mainly includes data source connectivity module,data exploration analysis module,dashboards module,and report distribution module.(2)Implemented and published a set of Java-Echarts components,this component allows developers to generate Echarts Option data more easily and efficiently,witch makes the chart data easier to maintain in back-end sever.(3)introduced the designing and implementation of a variety of user data analysis methods,witch is mainly about chart filtering and user interaction.(4)a performance optimization plan for the system was carried out,with implementing the memory table engine and cache module,witch improved the performance of this system drastically.Meanwhile,this paper conducted a functional test and performance test of the system,by which verified the usability and efficiency of the system.In this paper,the data visualization system based on Vue supports a variety of data sources connections such as local files,relational and non-relational databases,witch also has rich interactive ways to achieve exploratory data analysis process flexibly and easily.For large-scale data system processing Kylin engine was applied,witch improved the data analysis performance significantly.The system uses created charts to generate dashboards or reports,by witch user could publish reports and compare data clearly and easily.In addition,The system provides a wealth of features that enable users to conduct data analysis with visualization easily and flexibly.