1. Effect drawing
Probably because of screen recording. There is a bit of lag. The actual project may not be laggy and may be a bit slow to load the video 可放大查看
...
2. Opening
- Personally recommended visualization plug-ins: the very powerful Alibaba open source antv (G2, G6, F2, L7) series, Baidu chart echarts and map mapv , large screen decoration DataV , D3.js , three.js
- The requirements for large-screen data visualization are easy to say, but difficult to say simple; I think it
选对可视化插件
can be said that half of the success is achieved; however, the selection period is often quite time-consuming, because you have to constantly test to see if it does not meet the needs; - This article shares some of my requirements for
vue2.x
developing large-screen data visualization.套路
常用插件
- If you think it is useful to all ape friends,
博客点个赞
clickgithub
on itstar
and thank you. - github address
3. Introduction to project functions
- 1) Since the data really comes from the background interface after login, the interface part is removed here. Data is saved locally
- 2) Interactive bubble map (using Alibaba’s open source antvL7 )
- 3) Customized digital scroller and data ring
- 4) Table and list scrolling (customized part) ( DataV )
- 5) Pie chart, donut chart (using Baidu echarts )
4. Project source code
- There is no code breakdown display for these required functions here (
说实在的代码没什么亮点、只是作为分享
) - Please click on the github article to check the source code
5. Conclusion
The above is a summary of personal actual project development. If you have any questions, please leave a message to discuss and learn together.