echarts中legend每行的颜色跟随按钮颜色

你可以通过设置`legend`的`itemWidth`和`itemHeight`属性来控制每个图例项的大小，然后再设置`textStyle`属性来控制文本样式，通过设置`formatter`函数来自定义图例的显示格式。同时，你可以通过`legend`的`selectedMode`属性来设置图例的交互方式，例如通过点击图例来隐藏或显示相应的系列。

以下是一个示例代码，可以实现每行图例颜色跟随按钮颜色的效果：

option = {
    ...
    legend: {
        data: ['系列一', '系列二', '系列三'],
        itemWidth: 20, // 设置图例项宽度
        itemHeight: 10, // 设置图例项高度
        textStyle: {
            color: '#333', // 设置文本颜色
            fontSize: 12 // 设置文本字号
        },
        formatter: function (name) {
            // 自定义图例项格式
            return '{' + name + '| } ' + name;
        },
        selectedMode: 'single' // 设置图例的交互方式
    },
    ...
    series: [
        {
            name: '系列一',
            type: 'line',
            data: [10, 20, 30, 40, 50],
            lineStyle: {
                color: '#f00' // 设置系列颜色
            }
        },
        {
            name: '系列二',
            type: 'line',
            data: [50, 40, 30, 20, 10],
            lineStyle: {
                color: '#0f0'
            }
        },
        {
            name: '系列三',
            type: 'line',
            data: [30, 30, 30, 30, 30],
            lineStyle: {
                color: '#00f'
            }
        }
    ]
};

在上述示例代码中，通过设置`lineStyle`属性来控制每个系列的颜色，并且通过`{name} | `这种格式来在图例项前面添加空白，从而实现每行图例颜色跟随按钮颜色的效果。