Vue 用 echarts画图时tooltip.formatter参数params不会更新

在 Vue 中使用 Echarts 时，如果遇到tooltip不更新的问题，可以检查以下几个方面：

1. 确认数据已经更新

首先要确定数据已经更新，这可以通过打印或者在页面上显示数据进行确认。

2. 确认tooltip.formatter中的params参数

在tooltip.formatter中，params参数是一个数组，它包含了当前图表的数据。如果params没有更新，则可能是因为params没有正确的绑定到Vue的数据上。可以使用Vue的watch属性来监听数据的变化，然后手动更新params参数。

3. 使用Vue的ref属性

使用Vue的ref属性来获取图表实例，然后通过实例来更新tooltip.formatter的params参数。在mounted生命周期钩子函数中，可以获取到实例，然后在数据更新之后，手动调用实例的setOption方法来更新图表。

<template>
  <div ref="chart" style="width: 100%; height: 100%;"></div>
</template>

<script>
import echarts from 'echarts';

export default {
  name: 'EchartsDemo',
  data() {
    return {
      chartData: [],
    };
  },
  mounted() {
    this.chart = echarts.init(this.$refs.chart);
    this.chart.setOption(this.getOption());
  },
  methods: {
    getOption() {
      return {
        tooltip: {
          trigger: 'axis',
          formatter: (params) => {
            return `x:${params[0].value[0]} y:${params[0].value[1]}`;
          },
        },
        series: [
          {
            type: 'scatter',
            data: this.chartData,
          },
        ],
      };
    },
    updateChartData() {
      // 更新数据
      this.chartData = [ [1,2], [2,3], [3,4] ];
      // 手动更新tooltip.formatter中的params参数
      this.chart.setOption({
        tooltip: {
          formatter: (params) => {
            return `x:${params[0].value[0]} y:${params[0].value[1]}`;
          },
        },
        series: [
          {
            type: 'scatter',
            data: this.chartData,
          },
        ],
      });
    },
  },
};
</script>

以上是一些可能的解决方案，如果还不能解决问题，可以提供更多的信息以便进一步排查。