当前位置: 首页 > news >正文

关于前端数据库可视化库的选择,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栏,点源码就可以看到完整的源代码,点效果就可以看到最终的图表渲染效果。这样方便学习!!!

http://www.lryc.cn/news/400585.html

相关文章:

  • linux进行redis的安装并使用RDB进行数据迁移
  • 深入理解Scikit-learn:决策树与随机森林算法详解
  • AutoHotKey自动热键(十一)下载SciTE4AutoHotkey-Plus的中文增强版脚本编辑器
  • Halcon与C++之间的数据转换
  • MybatisPlus 一些技巧
  • 定制化服务发现:Eureka中服务实例偏好的高级配置
  • 【实战场景】MongoDB迁移的那些事
  • 为什么要使用加密软件?
  • k8s学习笔记——dashboard安装
  • AI艺术创作:掌握Midjourney和DALL-E的技巧与策略
  • 在Mac上免费恢复误删除的Word文档
  • HarmonyOS 屏幕适配设计
  • Netfilter之连接跟踪(Connection Tracking)和反向 SNAT(Reverse SNAT)
  • Linux下使用vs code离线安装各种插件
  • 【常见开源库的二次开发】基于openssl的加密与解密——Base58比特币钱包地址——算法分析(三)
  • Linux操作系统——数据库
  • 【数据结构与算法】希尔排序:基于插入排序的高效排序算法
  • 关于正点原子的alpha开发板的启动函数(汇编,自己的认识)
  • Deep Layer Aggregation【方法部分解读】
  • 大数据面试SQL题-笔记01【运算符、条件查询、语法顺序、表连接】
  • 零基础自学爬虫技术该从哪里开始入手?
  • CV11_模型部署pytorch转ONNX
  • Redis的使用(四)常见使用场景-缓存使用技巧
  • BERT架构的深入解析
  • 数字孪生技术如何助力低空经济飞跃式发展?
  • HTTP背后的故事:理解现代网络如何工作的关键(二)
  • 数据流通环节如何规避安全风险
  • 部署k8s 1.28.9版本
  • 实验二:图像灰度修正
  • bash: ip: command not found