echarts 环形图 and 柱状图 legend 过多导致的堆叠

环形图放在底部的legend跟图例重叠了

环形图可以通过修改 series[0].center

center: ['50%', '40%'],

把图的位置 往上移动 给legend留出位置

就不会和图例重叠了

legend: {
    // type: 'scroll',
     width: '100%',
     bottom: '0%',
     overflow: 'break',
     icon: 'circle'
 },

PS: type: 'scroll' 就很好用 如果不是业务有硬性要求 我觉得这样就挺好

柱状图放在底部的legend跟图例重叠了

 grid: {
     height: '80%',
     left: '3%',
     top: '1%',
     containLabel: true
},

通过在grid更改大小 留出位置