vue项目中使用echarts--详细步骤
1.安装
npm install echarts --save
package.json中有此项,代表安装成功(注意自己的版本)
2.引入全部组件
在main.js中引入:
// 引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts
3.使用
"LBChart" :style="{ width: '100%', height: '82%' }">
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
本博客文章均为作者原创,转载请注明作者和原文链接。