echart实现一个图例对应二种颜色

可以使用 ECharts 的自定义样式来实现一个图例对应两种颜色的效果。具体实现步骤如下：

1. 在 ECharts 的 option 中，找到需要设置自定义样式的图例组件，并设置其 type 为 'custom'，表示使用自定义样式。

2. 在该图例组件的 formatter 函数中，通过返回一个包含 HTML 标签的字符串来自定义每个图例项的显示内容和样式。可以使用 span 标签来设置不同颜色、字体等属性。

3. 在 series 中，通过使用 itemStyle.normal.color 和 itemStyle.emphasis.color 分别设置每个系列的正常状态和高亮状态的颜色。

下面是一个示例代码：

option = {
  legend: {
    type: 'custom',
    formatter: function(name) {
      return '<span style="color:#C23531;">●</span> ' + name + '&nbsp;&nbsp;' +
             '<span style="color:#2F4554;">●</span> ' + name + '2';
    },
    data: ['系列一', '系列二']
  },
  series: [
    {
      name: '系列一',
      type: 'bar',
      data: [10, 20],
      itemStyle: {
        normal: {
          color: '#C23531'
        },
        emphasis: {
          color: '#FFC107'
        }
      }
    },
    {
      name: '系列二',
      type: 'bar',
      data: [30, 40],
      itemStyle: {
        normal: {
          color: '#2F4554'
        },
        emphasis: {
          color: '#FFC107'
        }
      }
    }
  ]
};

在这个示例中，legend 组件使用了 type: 'custom'，并在 formatter 函数中使用了两个 span 标签来分别设置图例项的颜色。在 series 中，通过 itemStyle.normal.color 和 itemStyle.emphasis.color 分别设置了两个系列的颜色。