
-
项目环境
使用vue-cli快速搭建项目环境 免费看 01-30
安装vue-cli,使用vue-cli初始化项目,安装依赖并启动项目、修改端口
Vue Vue-cli v-echarts -
echarts库
ECharts库概要介绍并接入项目 免费看 01-30
ECharts 的简介,ECharts的特征有哪些,ECharts在vue中是如何使用的
ECharts Vue 依赖库 -
柱状图
柱状图实战 01-30
介绍柱状图相关内容,数据收集,整理数据,编写柱状图的例子
柱状图 图表容器 axios -
扇形图
饼状图实战 02-01
介绍饼状图相关内容,数据收集,整理数据,编写饼状图的例子
饼状图 ECharts options -
折线图
折线图实战 02-01
介绍折线图相关内容,数据收集,整理数据,编写扇形图的例子
折线图 ECharts Vue
教程上线
1月30日
已更新完毕
2月11日
教程简介
Vue目前是国内最火热的前端框架之一,简单快捷、渐进式的设计,对于新手特别友好,所以,Vue是前端首选框架之一;
在我们的实际项目中,有很多需要展示数据图表的地方,使用图表很容易直观的看出数据的变化规律,比如:我需要展示最近7天的用户访问量,那么可以使用折线图或者柱状图都可以;我需要展示我的知识技能方向的深度,那么我们可以使用雷达图来展示多个技能的对比深度……而如果我们从原生去一步一步手工去做这些图表的话,我们将会有大量的工作,并且做出的效果可能还不理想;类似我们要吃个饭,还要自己造个碗的感觉,估计要时间很长,造出来,咱们都要饿死了哦,实际上市面上有很多生产好的碗,买来用就好了啦!
幸运的是,我们的互联网有很多良心的开发者和企业开源了很多免费而又优秀成熟的图表库,比如:来自百度的ECharts(https://echarts.baidu.com/ )、来自支付宝的AntV(https://antv.alipay.com/zh-cn/index.html )、来自国外的Chart.js(https://www.chartjs.org/ )……
本套课程,我们就基于国内最多人使用的ECharts图表库来带你使用数据图表的使用:使用Vue-cli快速搭建项目环境,ECharts库概要介绍并接入项目,柱状图、饼状图、折线图实战和部署演示。
Vue.js中文官网:https://cn.vuejs.org/
ECharts官网:https://echarts.baidu.com/
ECharts演示:
作者介绍
适宜人群
- 本教程难度级别为2级(2/4)
- 前端开发工程师
- 数据可视化、图表开发人员
你会学到什么?
- Vue-cli使用
- Vue+ECharts的使用
温馨提示
- 本教程为图文内容,共计 7 节;
- 教程的VIP会员在有效期内可以享受随时学习、沟通交流、下载素材、相关周边服务等;
- 教程已于 2月11日 更新完毕,后续我们可能会根据同学们的学习反馈进行内容的调优;
- 把教程加入到学习计划,关注“侠课岛”公众号(微信号:xkdedu)就可以在手机端学习哦,并且系统将自动为你的学习提供更多的智能的学习服务哦;
推荐文章
友情链接
Copyright @ 2018 数说(长沙)信息科技有限公司
客服电话:0731 - 88195182 QQ:3348725856
产品经理微信:csshangcheng
With in Changsha 湘ICP备16011539号