js动态添加echarts 中 series

js动态添加echarts 中 series

第一种：数据和x轴说明分开

首先声明一个name

var yearList=[2015,2016,2017,2018,2019,2020];//x轴说明文字

var arr_name=["北京","上海","天津","江苏","安徽","江西"]；//每个柱子的说明

对应的数据类似下边（大多数从后端读取/excel中读取)

var allList=[  //数据

[100,90,80,70,60,50],//北京

[100,90,80,70,60,50],//上海

[100,90,80,70,60,50],//天津

[100,90,80,70,60,50],//江苏

[100,90,80,70,60,50],//安徽

[100,90,80,70,60,50]//江西

];

var series=[]

for（var i=0;i<allList.length;i++）{

var in={
                      name: arr_name[i],
                      type: "bar",
                      barWidth: 15,
                      itemStyle: {
                        normal: {
                          color: "#FFE38A",
                          borderWidth: 2
                        }
                      },
                      data: allList[i]
                    }

series.add(in)

}

最后在option中添加

  series:series

 

如果希望color动态改变 可以在for循环里加上判断 就可以实现添加