实现 echarts上面有个表格 当表格变小了 echarts图表随之变大

您可以使用 echarts 的 resize 事件来实现这个效果。具体步骤如下：

1. 监听表格大小的变化，可以使用 DOM 的 MutationObserver 或者 resize 事件。

2. 在表格大小变化的回调函数中，获取 echarts 实例，然后调用实例的 resize 方法，将图表大小设置为适应当前表格大小的值。

下面是一个简单的示例代码：

// 监听表格大小的变化
const tableElement = document.getElementById('table')
const observer = new MutationObserver(() => {
  // 获取 echarts 实例
  const chart = echarts.getInstanceByDom(document.getElementById('chart'))
  // 调用实例的 resize 方法，将图表大小设置为适应当前表格大小的值
  chart.resize()
})
observer.observe(tableElement, { attributes: true })

// 初始化 echarts 图表
const chartElement = document.getElementById('chart')
const chart = echarts.init(chartElement)

需要注意的是，在监听表格大小变化的回调函数中，可能需要做一些防抖或者节流的处理，以免频繁调用 echarts 的 resize 方法导致性能问题。