echarts自定义图例

Echarts提供了多种自定义图例的方法，以下是其中的几种：

1. 使用formatter属性自定义图例文字

通过设置series中的formatter属性，可以自定义图例文字的显示内容。例如：

legend: {
    data: ['图例1', '图例2', '图例3'],
    formatter: function (name) {
        return '自定义文字：' + name;
    }
}

2. 使用icon属性自定义图例图标

默认情况下，Echarts会根据series中的类型自动生成对应的图例图标。但是，通过设置legend中的icon属性，可以自定义图例图标。例如：

legend: {
    data: ['图例1', '图例2', '图例3'],
    icon: 'circle'
}

3. 使用selectedMode属性自定义图例交互方式

通过设置legend中的selectedMode属性，可以自定义图例的交互方式。例如：

legend: {
    data: ['图例1', '图例2', '图例3'],
    selectedMode: 'single'
}

4. 使用自定义图例组件

Echarts还提供了自定义图例组件的方法。通过自定义图例组件，可以实现更加复杂的自定义需求。例如：

legend: {
    type: 'custom',
    items: [
        {name: '图例1', icon: 'circle'},
        {name: '图例2', icon: 'rect'},
        {name: '图例3', icon: 'triangle'}
    ],
    formatter: function (name) {
        return '自定义文字：' + name;
    }
}