首先安装 npm install echarts --save (推荐使用cnpm,速度更快)
然后首先需要全局引入
在main.js中
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
然后在vue组件中:
页面(html)
<template>
<div>
<div>
<el-col :span="12">
<div style="width: 100%;height:500px" ref="chart"></div>
</el-col>
<el-col :span="12">
<div style="width: 100%;height:500px" ref="myPie"></div>
</el-col>
</div>
</div>
</template>
页面(script)
export default {
name: "index",
data(){
return {
chart: null, //关键一
myPie: null,
}
}
mounted(){