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",
  }
],
发布了109 篇原创文章 · 获赞 91 · 访问量 33万+

猜你喜欢

转载自blog.csdn.net/qq_36410795/article/details/103871588
今日推荐