如何在highcharts中制作矩形图例？

// 引入Highcharts库
import Highcharts from 'highcharts';

// 创建容器
const container = document.getElementById('chart-container');

// 创建图表配置对象
const chartOptions = {
  chart: {
    type: 'bar', // 图表类型为柱状图
    renderTo: container // 指定图表容器
  },
  title: {
    text: '矩形图例示例' // 图表标题
  },
  xAxis: {
    categories: ['A', 'B', 'C'] // x轴数据
  },
  yAxis: {
    title: {
      text: '值' // y轴标题
    }
  },
  legend: {
    enabled: true, // 显示图例
    layout: 'horizontal', // 图例布局方式
    symbolWidth: 20, // 矩形宽度
    symbolHeight: 10 // 矩形高度
  },
  series: [{
    name: '数据系列1', // 图例显示的名称
    data: [1, 2, 3] // 数据
  }, {
    name: '数据系列2',
    data: [4, 5, 6]
  }]
};

// 创建图表
const chart = new Highcharts.Chart(chartOptions);