echarts画一个饼图， orient: 'horizontal',图例横向排列，当图例比较多时

Question

饼图图例横向排列时，换行了如何让图标一一对齐？直接上图，第二行的第二个图标就没和上一行的图标对齐。求大神指点！代码：

Answer 1

以前我也遇到过这个问题，没找到方法解决。但是echarts最近更新了不少配置，现在很容易就可以实现你这个需求了。

    legend: {

        orient: 'horizontal',

        right: 10,

        top: 20,

        bottom: 20,

        data: data.legendData,

        formatter: function( name ) {

             return '{a|' + name + '}';

        },

        textStyle: {

            rich:{

                a: {

                    width: 100

                }

            }

        }

    },