echarts的legend分为左右两份布局

 1. 实现LEGEND分多处放置，分列左右，不放在一起，可以LEGEND分多个组，然后修改其属性，以达到目标效果

 

2. 将需要分离排列的LEGEND分成两组，以下是 LEGEND 部分简化后的代码：

// 后端返回数据。。。
let legendData = ["刑满释放人员","吸毒人员","宗教极端人员","收押人员","收教人员","收监人员","易感染人员","涉众","涉军","涉核参战人员","涉访人员","社区矫正","精神病人员","艾滋病人员","解救人员","连管人员","邪教人员",]

// echarts部分。。。。
legend: [
  {
    icon: "bar",
    textStyle: {
      color: "#2efcfa",
    },
    data: legendData.slice(0, 8),
    x: "left"
  },
  {
    icon: "bar",
    textStyle: {
      color: "#2efcfa",
    },
    data: legendData.slice(8, 16),
    x: "right",
  }
],

版权声明：本文为qq_36410795原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。