使echart图的图例对齐且位于下方

效果图:

主要处理：legend

legend: {
        left: 80,
        bottom: 0,
        width: 400,   //尺寸需要自己调节
        height: 20,
        data: result.legends[i],
        formatter: ["{a|{name}}"].join("\n"),
        textStyle: {
          rich: {
            a: {
              width: 95,
              fontSize: 14,
              lineHeight: 12,
            },
          },
        },
      },