vue项目引入highcharts方法，以及遇到的坑

vue项目引入highcharts步骤：
第一步:
安装 highcharts 命令如下：

npm  install highcharts  --save

第二步：

编写公用的组件： 在src ------> components (组件目录下)新建 charts.vue 页面

代码如下：

第三步： 编写可视页面：
代码如下：

这样就可以，运行结果如下：

这样安装对于大多数图就欧克了！

可以这次我是想要弄Highcharts 桑基图 然后我就按部就班换option 可就是不行报错误码#17 说是数据格式有误 但是普通html就可以 就是和Vue的差别好像就是HTML引入了两个JS即:

如果我把sankey.js去掉就也会报#17的错误警告 所以定位到应该是没有安装sankey组件啥的；怎么引用的，我几经波折终于找到：
就是他 在main.js中添加：

var Highcharts = require('highcharts')
// 在 Highcharts 加载之后加载功能模块
require('highcharts/modules/sankey')(Highcharts)

对就是他，害的我找了好几个小时呐 我壳太难了
总结： 对于highcharts 以及echarts引用的时候 多看看组件的引用 两个组件相似
附echarts引入例子：

let echarts = require('echarts/lib/echarts')
// 引入折线图/柱状图等组件
require('echarts/lib/chart/line')
require('echarts/lib/chart/bar')
// 引入提示框和标题组件
require('echarts/lib/component/tooltip')

未完待续 好了 喜欢的朋友点赞呦