自学内容网 自学内容网

关于前端数据库可视化库的选择,vue3+antd+g2plot录课计划

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


原文地址:https://blog.csdn.net/qq_37703224/article/details/140333806

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!