ECharts数据可视化项目学习总结

视频地址:https://www.bilibili.com/video/BV1v7411R7mp/

源码地址:https://gitee.com/xiaoqiang001/eckarts_open_class.git

学习目的:

  1、可视化面板布局适配屏幕

  2、利用ECharts 实现柱状图展示

核心技术:

  - 基于 flexible.js + rem 智能大屏适配

  - VScode cssrem插件(帮助快速生成rem单位)

  - Flex 布局

  - Less 使用(使CSS写的更加快捷)

  - 基于ECharts 数据可视化展示

  - ECharts 柱状图数据设置

  - ECharts 地图引入

编程环境:

  vs code

  Easy LESS插件(将less文件自动转换成css文件)

  open in browser插件(可以在vs code中直接调用浏览器打开正在编辑的网页)

  cssrem插件(可以将px像素单位自动转换为rem)

  注:以上插件只需要在vs code中拓展安装即可,安装完成后若不生效重启即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章