1. 前言
五一假期重学了新版Echarts,一个基于JavaScript的开源可视化图表库,收集参考了很多网上资料,最终选择电商平台作为练手项目。此篇涉及技术知识点有:Vue全家桶、WebSocket前后端数据推送、后端框架Koa2、Echarts新版图表组件(折线图、柱状图、饼图、地图、散点图),还支持主题切换, 展示酷炫的图表效果,同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。
2. 入门篇(新手指南)
3. 实战篇(上下两部)
4. 进阶篇
4.1 前后端分离
前端项目采用的技术栈是基于Vue + Echarts,用vue-cli构建前端界面,后端项目采用的技术栈是基于Node.js + Koa2 + WebSocket,用Koa2搭建的后端服务器。
附上详细的思维导图如下:
分享之前,我们先来了解一下新版 Echarts 5.x,都有哪些变化,如下图:
如需查看详情,请访问全栈Echarts电商平台实战项目