【数据可视化】一.Card组件的作用;二.数据可视化:Echarts使用;三.Vue-Echarts组件的使用:是将Echarts封装成v-chart组件
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
目录
1安装注意版本的兼容vue2兼容的echarts版本是4.9.0
一.Card组件的作用
二.数据可视化Echarts使用
1.数据可视化将数据以不同样式的图表展示出来
2.实现方式echarts、HigtCharts等等
3.在vue中使用echarts的方法
1安装注意版本的兼容vue2兼容的echarts版本是4.9.0
npm install echarts@4.9.0
2全局配置在main.js文件进行配置
import * as echarts from 'echarts' //导入
Vue.prototype.$echarts = echarts //将echarts添加到Vue的原型上
3在组件中通过this.$echarts调用
4定义标签来容纳echarts图表如<div>
5定义方法用来绘制echarts图表
三.Vue-Echarts组件的使用是将Echarts封装成v-chart组件
1.安装
npm install vue-echarts@4.1.0
npm install echarts@4.9.0