如何在vue中引入图表

vue
1072
2021/5/8 9:29:29
栏目: 编程语言
开发者测试专用服务器限时活动,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怎么实现多条件筛选功能