echarts 自定义图例

在 Echarts 中可以通过自定义图例来实现对图例的个性化定制。下面是一个简单的示例代码，演示了如何自定义图例样式和内容：

// 初始化图表
var myChart = echarts.init(document.getElementById('chart'));

// 自定义图例项
var legendData = ['图例1', '图例2', '图例3'];

// 自定义图例样式和内容
var legendFormatter = function (name) {
  // 根据图例名称返回自定义内容
  if (name === '图例1') {
    return '自定义内容1';
  } else if (name === '图例2') {
    return '自定义内容2';
  } else if (name === '图例3') {
    return '自定义内容3';
  }
};

// 配置项
var option = {
  legend: {
    data: legendData,
    formatter: legendFormatter, // 设置自定义格式化函数
    textStyle: {
      // 设置自定义样式
      color: '#333',
      fontSize: 14
    }
  },
  // 其他配置项...
};

// 使用配置项绘制图表
myChart.setOption(option);

在上述示例中，我们通过 `legend.data` 设置了图例的名称数组，通过 `legend.formatter` 自定义了图例的格式化函数，根据图例名称返回相应的自定义内容。可以根据需求进一步修改自定义样式和内容。