如何在图表js批注上添加图例

// 引入Chart.js库
import Chart from 'chart.js';

// 准备数据
const data = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [
    {
      label: 'Dataset 1',
      data: [10, 20, 30, 40, 50, 60, 70],
      backgroundColor: 'rgba(255, 99, 132, 0.2)',
      borderColor: 'rgba(255, 99, 132, 1)',
      borderWidth: 1
    },
    {
      label: 'Dataset 2',
      data: [20, 30, 40, 50, 60, 70, 80],
      backgroundColor: 'rgba(54, 162, 235, 0.2)',
      borderColor: 'rgba(54, 162, 235, 1)',
      borderWidth: 1
    }
  ]
};

// 创建图表实例
const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: {
    legend: {
      display: true, // 是否显示图例
      position: 'top', // 图例位置（可选值：top、bottom、left、right）
      labels: {
        fontColor: 'black', // 图例文本颜色
        fontSize: 12 // 图例文本字号
      }
    }
  }
});