vue项目中使用echarts--详细步骤


1.安装

npm install echarts --save

package.json中有此项,代表安装成功(注意自己的版本)

2.引入全部组件

在main.js中引入:

// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts

3.使用





4.效果图

扩展:(福利)

如果官网上的Echarts满足不了你的需求和审美,我一般喜欢在Echarts社区里面找

Echarts官网:https://echarts.apache.org/zh/index.html

Echarts社区:https://www.makeapie.cn/echarts

如果有的Echarts不能使用 注意运行版本

作者:微微一笑绝绝子
出处:https://www.cnblogs.com/wwyxjjz/p/16350844.html
本博客文章均为作者原创,转载请注明作者和原文链接。