大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文小编为大家详细介绍“怎么在vue中引入图表”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么在vue中引入图表”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
成都创新互联公司专注于企业成都全网营销、网站重做改版、西双版纳网站定制设计、自适应品牌网站建设、H5响应式网站、商城网站定制开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为西双版纳等各大城市提供网站开发制作服务。
具体步骤如下:
1.首先,在vue-cli中创建一个vue.js项目;
vue create project-name
2.vue.js项目创建好后,在项目中使用npm命令安装highchars依赖包;
npm install highcharts --save
3.最后,highchars依赖包安装好后,在项目中使用import方法即可引入highcharts图表;
import highcharts from 'highcharts'
import VueHighCharts from 'vue-highcharts'
import highcharts3d from 'highcharts/highcharts-3d'
读到这里,这篇“怎么在vue中引入图表”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。