vue中echarts折线图，鼠标悬浮时间，将X轴的内容以及Y轴的内容全部显示出来

可以通过 ECharts 提供的 tooltip 配置来实现鼠标悬浮时显示 X 轴和 Y 轴的内容。

示例代码如下：

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

<script>
import * as echarts from 'echarts';

export default {
  data() {
    return {
      chartData: [
        [10, 20, 30, 40, 50, 60, 70],
        [20, 40, 60, 80, 100, 120, 140],
      ],
    };
  },
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const chart = echarts.init(this.$refs.chart);

      const option = {
        tooltip: {
          trigger: 'axis',
          formatter: (params) => {
            const xValue = params[0].axisValue;
            const yValue = params[0].data;
            return `${xValue} : ${yValue}`;
          },
        },
        xAxis: {
          type: 'category',
          data: ['1', '2', '3', '4', '5', '6', '7'],
        },
        yAxis: {
          type: 'value',
        },
        series: [
          {
            data: this.chartData[1],
            type: 'line',
          },
        ],
      };

      chart.setOption(option);
    },
  },
};
</script>

在上述代码中，我们通过 `tooltip` 配置将 `trigger` 设置为 `axis`，表示当鼠标悬浮到坐标轴上时会触发 tooltip 显示。同时，我们还设置了 `formatter` 来自定义 tooltip 的显示内容，将 X 轴和 Y 轴的值拼接在一起作为 tooltip 的显示内容。这样鼠标悬浮到折线图上时就可以看到 X 轴和 Y 轴的内容了。