如何在单击Angular JS图表上获得x和y轴？

<canvas id="myChart"></canvas>

app.controller('ChartController', function($scope) {
  // 初始化图表
  var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [{
        label: 'My Dataset',
        data: [10, 20, 30, 40, 50, 60, 70]
      }]
    },
    options: {
      onClick: function(event, elements) {
        // 获取点击坐标
        var activePoints = chart.getElementsAtEvent(event);
        if (activePoints.length > 0) {
          var clickedDatasetIndex = activePoints[0]._datasetIndex;
          var clickedElementIndex = activePoints[0]._index;
          
          // 获取x和y轴的值
          var xValue = chart.data.labels[clickedElementIndex];
          var yValue = chart.data.datasets[clickedDatasetIndex].data[clickedElementIndex];
          
          // 在控制台打印x和y轴的值
          console.log('X:', xValue);
          console.log('Y:', yValue);
        }
      }
    }
  });
});