太仓住房城乡建设网站三九手机网手机响应式网站模版

之前：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栏，点源码就可以看到完整的源代码，点效果就可以看到最终的图表渲染效果。这样方便学习！！！