Vue系列——在vue项目中使用echarts

该示例使用 vue-cli 脚手架搭建

安装echarts依赖

npm install echarts -S

或者使用国内的淘宝镜像：

• 安装

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

• 使用

cnpm install echarts -S

创建图表

全局引入

• main.js

// 引入echarts
import echarts from 'echarts'

Vue.prototype.$echarts = echarts 

• Hello.vue

<div id="myChart" :style="{width: '300px', height: '300px'}"></div>