如何在vue中引入图表 vue做图表

文章摘要：如何在vue中引入图表 vue做图表

在vue中引入highcharts图表的方法：1.新建vue.js项目；2.使用npm安装highchars依 […]

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

具体步骤如下：

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'