子组件的echarts自适应父组件的div高度，并随着div的高度变化自动适应

这是index.vue父组件的一段代码：

组件TrendLine是echarts的折线图。是子组件，trendLine.vue
在trendLine.vue文件中，图表是根据浏览器变化自适应的。代码是：

现在发现的问题是，并不会随着父组件中div高度大小自适应。

解决方法：
给echarts组件传一个height属性：

渲染echarts的根组件里定义好height。

props属性里声明height。

watch里监听height，变化的时候，重新渲染echarts。

initChart方法里声明了渲染的根组件。用setOptions,绘画图表。在setOptions方法里：

用window.getComputedStyle(this.$refs.ele).height;获取到ref="ele"标签的高度。并用echarts的resize方法，重新渲染图表高度。