该示例使用 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>