xiguaxigua

在组件上设置 height 即可 ```html ```

调整之后需要手动触发 echarts 的 resize 。 ```js this.changeHeight() this.$nextTick(_ => { this.$refs.chartEl.resize() }) ``

```js this.$refs.chartEl.resize() ``` 这里的`chartEl`需要定义在组件上 ```vue ```

在上面红框的地方，nextTick里面打印一下 this.$refs 和 this.$refs.chartEl 看看

在 mounted 中调用 resize 试试。 检查一下 resize 函数所在组件是否正确定义了 chartEl。

贴一下父组件和子组件的整个代码吧

https://codesandbox.io/s/5xz4wn1l 没有重现你遇到的问题，可以将你的项目代码脱敏之后发到我的邮箱一份吗？或者用jsfiddle重现一下这个问题 @RikaLuo

对图表样式属性的设置可以按照使用场景选择下面适合的方案： a. 在组件上直接定义属性 [demo](https://jsfiddle.net/8ms1kpwd/2/)，这种方式会覆盖 v-charts 内部生成的 options 对应的属性 b. 使用 afterConfig 属性 [demo](https://jsfiddle.net/8ms1kpwd/5/)，在 afterConfig 中可以获取到 v-charts 内部生成的 options，可以按照需求修改原有的，或者增加新的属性，之后返回即可 c. 使用 extend 属性 [demo](https://jsfiddle.net/8ms1kpwd/7/)，extend 是一个功能较全面的属性，接受下面三种赋值的形式: 1. 对象形式会将对象与 options 中对应属性进行合并 ``` this.chartExtend...