猿问

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

饼图图例横向排列时,换行了如何让图标一一对齐?
直接上图,

第二行的第二个图标就没和上一行的图标对齐。求大神指点!

代码:

https://img4.mukewang.com/5c4eb9bc000187a603250945.jpg

陪伴而非守候
浏览 946回答 1
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                }            }        }    },
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答