Vue系列-齐枭飞——在vue项目中使用echarts --齐枭飞

如果有什么不明白的地方 大家可以加 vue2.0技术交流群：285595782
安装echarts依赖
npm install echarts -S 或者 使用淘宝镜像安装 cnpm:

npm install -g cnpm –registry=https://registry.npm.taobao.org

使用：cnpm install echarts -S
下面就创建图表了： 其实很简单—>

创建图表

全局// 引入

echartsimportecharts from’echarts’
Vue.prototype.$echarts=echarts 这个地方要稍微讲一下、： 但凡是用过axios的童鞋肯定知道axios是不能use（axios）的，在这里就要说一下axios吧，但是要想用它 其实也很简单：他有两种用法：

第一种是全局引用，也就是在vue实例的原型上–> Vue.prototype.axios = axios,这就可以了，在任何一个地方直接 this.$http(‘a.php’)…… 就可以用了！

第二种方法就是 ：局部引入（小编推荐这种方法引入），@import axios from ”axios”;这样就完成了， 用法： axios.http(‘a.php’);就可以了！

axios介绍完了，那么echarts和axios的用法原理是一样的，一样的用法

下面在hellow.vue组件里面创建一个容器：