我无法更改Echarts中的图例图标颜色

// 引入Echarts库的JavaScript文件
<script src="echarts.min.js"></script>

// 创建一个用于显示图表的DOM容器
<div id="chartContainer" style="width: 600px; height: 400px;"></div>

// 创建图表的配置项
var option = {
  // 其他配置项...
  legend: {
    textStyle: {
      color: '#333' // 设置图例文本的颜色
    },
    icon: function(name) {
      // 根据图例名称返回对应的颜色值
      if (name === '图例1') {
        return 'red';
      } else if (name === '图例2') {
        return 'blue';
      } else {
        return 'green';
      }
    }
  },
  // 其他配置项...
};

// 使用Echarts库创建图表
var chart = echarts.init(document.getElementById('chartContainer'));
chart.setOption(option);