欢迎光临
我们一直在努力

vue中怎么引入echart

这篇文章主要介绍“vue中怎么引入echart”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue中怎么引入echart”文章能帮助大家解决问题。

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name


2.vue.js项目创建好后,在项目中使用npm命令导入echart依赖包;

npm install echarts --save


3.最后,echart依赖包导入后,在项目中使用以下方法引入echart即可;

1)使用import方法全局引入echart

import echarts from 'echarts'


2)使用require方法按需引入echart

#引入基本模板

let echarts = require('echarts/lib/echarts')

#引入柱状图组件

require('echarts/lib/chart/bar')

#引入提示框

require('echarts/lib/component/tooltip')

#引入title组件

require('echarts/lib/component/title')


关于“vue中怎么引入echart”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云搜网行业资讯频道,小编每天都会为大家更新不同的知识点。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。