如何在分组条形图上绘制水平线，同时显示每个组和图例对应的平均值？

// 数据集
var data = [
  { group: 'Group A', value: [120, 200, 150, 80], average: 137.5 },
  { group: 'Group B', value: [180, 160, 200, 140], average: 170 },
  { group: 'Group C', value: [90, 120, 100, 110], average: 105 },
];

// 创建分组条形图
var chart = echarts.init(document.getElementById('chart'));

// 设置图表配置项
var option = {
  legend: {
    data: ['Value', 'Average'],
  },
  xAxis: {
    type: 'category',
    data: ['Item 1', 'Item 2', 'Item 3', 'Item 4'],
  },
  yAxis: {},
  series: [
    {
      name: 'Value',
      type: 'bar',
      data: data.map(item => item.value),
    },
    {
      name: 'Average',
      type: 'line',
      data: data.map(item => item.average),
      markLine: {
        data: [
          { yAxis: data[0].average, name: 'Group A Average' },
          { yAxis: data[1].average, name: 'Group B Average' },
          { yAxis: data[2].average, name: 'Group C Average' },
        ],
      },
    },
  ],
};

// 渲染图表
chart.setOption(option);