vue中使用echarts 多图表 随着父级div大小的改变而改变。

首先安装 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(){