之前:antdv现在:g2plot https://g2plot.antv.antgroup.com/manual/introduction
在这里插入图片描述
录课内容:快速入门
图表示例:
选择使用比较广泛的示例类型,录课顺序如下:
1、折线图
2、面积图
3、柱形图
4、条形图
5、饼图
6、进度图
7、散点气泡图
8、关系图
9、热力图
10、雷达图
11、词云图
12、对称条形图
13、分面图
14、图表联动
后面按照上面的顺序录制课程,穿插一些实战案例。
课程目标:
和zdppy结合
和vue3结合
和antd库结合
和Tailwindcss结合
将案例中的数据改造为前后端分离的动态数据,实现本地化
打造一个专属的zdppy_g2plot库专门和这个前端图表库结合
打造一个zdppy_amg2plot,用于快速生成后端的图表接口,实现低代码调用
打造一个zdppy_mg2plot,用于将图表数据同步到MySQL数据库中
最终目标:打造一个可交互的数据分析平台,能够支持导入Excel文件,直接生成可视化图表。可以将图表下载到本地。
参考之前echarts的教学案例:
左侧是图表分类,每个分类下是二级子菜单,每个菜单对应一个案例,每个案例是一个实际的图表。
单独开一个小项目,作为教学项目和练习项目,最终支持Docker部署,可以在公网访问效果。
最好还能够在看到可视化效果的同时,还能够看到完整的案例前端代码。
比如一个tab栏,点源码就可以看到完整的源代码,点效果就可以看到最终的图表渲染效果。这样方便学习!!!
领取专属 10元无门槛券
私享最新 技术干货