温馨提示×

如何在vue中引入图表

vue
养鱼的猫咪
170
2021-05-08 09:29:29
栏目: 编程语言
Vue开发者专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在vue中引入highcharts图表的方法:1.新建vue.js项目;2.使用npm安装highchars依赖包;3.使用import方法引入highcharts图表;

如何在vue中引入图表

具体步骤如下:

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'

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: vue中怎么引入bootstrap

0