vue2echarts支持在折线图上的某个点，单击后弹出文本编辑框，编辑完成后，将文字放在图上合适的位置展示，当图发生变化的时候，和点位保持关联。

Vue2Echarts是一款基于Vue.js的ECharts封装组件，它使得在Vue应用中集成ECharts图表变得更加简单。对于您的需求，可以在Vue2Echarts中创建一个交互式的折线图，并通过点击事件监听器来实现您想要的功能。

首先，您需要在组件中设置好折线图，包括数据绑定和配置选项，例如添加鼠标点击事件：

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

<script>
import ECharts from 'vue2-echarts';

export default {
  components: { ECharts },
  data() {
    return {
      chartData: ..., // 您的数据源
      selectedPoint: null,
    };
  },
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const myChart = this.$refs.chart.echarts;
      
      ... // 配置折线图的基础选项，如x轴、y轴等

      // 添加点击事件
      myChart.on('click', ({ type, seriesName, dataIndex }) => {
        if (type === 'item') {
          this.selectedPoint = { seriesName, dataIndex };
          this.showEditModal();
        }
      });
    },
    showEditModal() {
      // 弹出模态框，显示文本编辑框
      // 等用户输入完成并保存，更新选中的数据点的文字
      // 使用myChart.api.updateOptions来修改图表配置，例如：
      // this.myChart.api.updateOption({
      //   series: {
      //     data: [...],
      //     label: {
      //       formatter: '{value} - 单击位置',
      //       emphasis: {
      //         formatter: '{value}'
      //       }
      //     }
      //   }
      // });
    },
    onTextChange(text) {
      // 编辑完成后处理函数，更新图表文字并关联点位
      this.$set(this.chartData, this.selectedPoint.dataIndex, text);
      // 如果图表有实时更新功能，可以在这里触发更新
    },
  },
};
</script>

注意，这只是一个基本的示例，实际实现可能会涉及到模态框组件的引入以及ECharts API的深入使用。此外，为了保持点位关联，你需要确保每次修改数据后都能同步刷新图表视图。