子组件调用E charts方法不会报错，父组件调用会报错怎么解决

这个问题可能是由于父组件在调用子组件的 Echarts 方法时，没有正确获取子组件中的 Echarts 实例导致的。你可以尝试以下几个步骤来解决这个问题：

1. 确保在子组件中正确引入了 Echarts 库，并且在父组件的模板中正确引入了子组件。

2. 在子组件中，可以通过 `this.$refs` 获取到子组件的实例，然后从子组件实例中获取 Echarts 实例，并将 Echarts 实例传递给父组件。

3. 在父组件中，可以定义一个方法来接收子组件传递的 Echarts 实例，并在需要时调用 Echarts 实例的方法。

示例代码如下：

// 子组件
<template>
  <div ref="chart"></div>
</template>

<script>
import echarts from 'echarts';

export default {
  mounted() {
    this.chart = echarts.init(this.$refs.chart);
  },
  methods: {
    getChart() {
      return this.chart;
    }
  }
}
</script>

// 父组件
<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="onButtonClick">调用子组件的 Echarts 方法</button>
  </div>
</template>

<script>
export default {
  methods: {
    onButtonClick() {
      const chart = this.$refs.child.getChart(); // 获取子组件的 Echarts 实例
      chart.setOption({ /* options */ }); // 调用 Echarts 方法
    }
  }
}
</script>

希望这些方法可以帮助你解决问题。如果还有其他问题，请随时提出。