ECharts图例换行及对齐问题

ECharts图例的换行和对齐可以通过调整图例的排列方式来实现。具体的方法如下：

1. 使用legend.type属性指定图例的排列方式，可以使用'plain', 'scroll'或者'plain' + 'scroll'，其中'plain'表示图例排列在一行或一列中，'scroll'表示图例可以通过滚动查看，'plain' + 'scroll'表示图例先按照一行或一列排列，当不足时自动换行或换列。

2. 使用legend.orient属性指定图例的方向，可以使用'horizontal'表示水平方向，'vertical'表示垂直方向。

3. 使用legend.width属性指定图例的宽度，可以使用像素值或百分比。

4. 使用legend.itemGap属性指定图例项之间的间距，可以使用像素值或百分比。

通过以上方法可以实现ECharts图例的换行和对齐。具体的示例代码如下：

option = {
    legend: {
        type: 'scroll',
        orient: 'horizontal',
        width: '80%',
        itemGap: 10,
        data: ['图例1', '图例2', '图例3', '图例4', '图例5', '图例6', '图例7', '图例8', '图例9', '图例10', '图例11', '图例12']
    },
    series: [
        {
            name: '系列1',
            type: 'pie',
            radius: '55%',
            data: [
                {value: 335, name: '图例1'},
                {value: 310, name: '图例2'},
                {value: 234, name: '图例3'},
                {value: 135, name: '图例4'},
                {value: 1548, name: '图例5'},
                {value: 1548, name: '图例6'},
                {value: 1548, name: '图例7'},
                {value: 1548, name: '图例8'},
                {value: 1548, name: '图例9'},
                {value: 1548, name: '图例10'},
                {value: 1548, name: '图例11'},
                {value: 1548, name: '图例12'}
            ]
        }
    ]
};