请问echarts legend 分组，水平排列问题，这种怎么做？

[wenlong_15]

我想做出的效果是这样：
，这种效果的legend应该怎么设置？

我现在的做法：

legend:
          [
            {
              orient: "vertical",//vertical,horizontal
              x: "10%",
              bottom: 0,
              width: "50px",
              align: "left",
              data: ["Load Capacity", "Heating Operation", "Boiler operation area"],
            },
            {
              orient: "vertical",
              x: "35%",
              bottom: 0,
              width: "50px",
              align: "left",
              data: ["Unit Maximum Capacity", "Unit Capacity Regulation"],
            },

代码效果是这样：

[wenlong_15]

案例：https://blog.csdn.net/wenlong_15/article/details/115674424?spm=1001.2014.3001.5502