如何使用Chart.js在散点图中添加文本？

<canvas id="scatter-chart"></canvas>

// 获取Canvas元素
var ctx = document.getElementById('scatter-chart').getContext('2d');

// 创建散点图
var scatterChart = new Chart(ctx, {
  type: 'scatter',
  data: {
    datasets: [{
      label: 'Scatter Dataset',
      data: [{
        x: 1,
        y: 1,
        text: 'Point 1' // 添加文本
      }, {
        x: 2,
        y: 2,
        text: 'Point 2' // 添加文本
      }, {
        x: 3,
        y: 3,
        text: 'Point 3' // 添加文本
      }]
    }]
  },
  options: {
    plugins: {
      tooltip: {
        callbacks: {
          label: function(context) {
            var label = context.dataset.label || '';
            if (context.parsed.y !== null) {
              label += ': (' + context.parsed.x + ', ' + context.parsed.y + ')';
            }
            return label;
          }
        }
      }
    },
    scales: {
      x: {
        type: 'linear',
        position: 'bottom'
      },
      y: {
        type: 'linear',
        position: 'left'
      }
    },
    plugins: {
      afterDatasetsDraw: function(chart) {
        var ctx = chart.ctx;
        chart.data.datasets.forEach(function(dataset, datasetIndex) {
          var meta = chart.getDatasetMeta(datasetIndex);
          if (!meta.hidden) {
            meta.data.forEach(function(element, index) {
              // 获取数据点的坐标和文本
              var x = element.x;
              var y = element.y;
              var text = element.text;

              // 在数据点上绘制文本
              ctx.fillText(text, x, y);
            });
          }
        });
      }
    }
  }
});