Chart JS将最大值添加到图例

// 导入Chart JS库
import Chart from 'chart.js';

// 创建图表对象
const chart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['数据1', '数据2', '数据3'],
    datasets: [{
      label: '数据系列',
      data: [10, 20, 30],
      backgroundColor: 'rgba(0, 123, 255, 0.5)'
    }]
  },
  options: {
    plugins: {
      legend: {
        labels: {
          generateLabels: function(chart) {
            // 获取默认的图例标签
            const labels = Chart.defaults.plugins.legend.labels.generateLabels(chart);

            // 获取数据集
            const dataset = chart.data.datasets[0];

            // 获取最大值
            const maxValue = Math.max(...dataset.data);

            // 创建新的图例标签
            const maxLabel = {
              text: `最大值: ${maxValue}`,
              fillStyle: dataset.backgroundColor,
              strokeStyle: dataset.borderColor,
              lineWidth: dataset.borderWidth
            };

            // 将最大值标签添加到图例中
            labels.push(maxLabel);

            return labels;
          }
        }
      }
    }
  }
});