1. 实现legend分左右布局
- ui真牛逼,数据太多了,设计成这样没办法,只能咬咬牙实现
2. 代码实现
1.后端返回的代码数据结构如下
let legendData = ["刑满释放人员","吸毒人员","宗教极端人员","收押人员","收教人员","收监人员","易感染人员","涉众","涉军","涉核参战人员","涉访人员","社区矫正","精神病人员","艾滋病人员","解救人员","连管人员","邪教人员",]
2.将需要分离排列的legend分成两组,然后设置 x
位置布局
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",
}
],