一人血书,求解决的方法!!!!!!
背景
现在就是color颜色再打印出来的结构所有的对象头赋值最后一个数值了,原因估计是运行循环的时候item.itemStyle.color已经是三级层级了,循环的时候没有封闭暂时性区域,导致最后循环出来的效果color都变一一样的值了,这个方法怎么解决!!!!!求解
let styleL={
stack: "",
symbol: 'circle',//折线点设置为实心点
symbolSize: 12, //折线点的大小
smooth: true,
itemStyle: {
color: '',
shadowColor: '',
shadowBlur: 9.5,
},
lineStyle: {
width: 4,
shadowColor: "",
shadowOffsetX: 0,
shadowOffsetY: 0,
opacity: 1,
shadowBlur: 8,
type: "solid"
},
type: "line"
}
let color=[
{
colorO:'#95CACA',
colorT:'#5CADAD',
},
{
colorO:'#FFEBCD',
colorT:'#FFE4B5',
},
{
colorO:'#53868B',
colorT:'#00E5EE',
},
{
colorO:'#6A5ACD',
colorT:'#7B68EE',
},
{
colorO:'#AFEEEE',
colorT:'#40E0D0',
},
{
colorO:'#FF00FF',
colorT:'#DA70D6',
},
]
let arr=[
{data: [40,60,20,70,60,70,10,],
name: "幸福路",
},
{data: [20,30,20,70,60,100,30,],
name: "职教",
},
{data: [50,10,53,56,10,110,60,],
name: "绿湾"},
{data: [80,19,43,66,18,30,65,],
name: "西区"},
{data: [53,30,83,58,18,80,63,],
name: "北区"},
]
newArr=[];
arr.forEach((item,index,arr)=>{
for(let key in styleL){
item[key]=styleL[key]
}
item.itemStyle.color=color[index].colorO
item.itemStyle.shadowColor=color[index].colorT
item.lineStyle.shadowColor=color[index].colorO
console.log(item,'--',index,'---------forEach')
})
console.log(arr,'------处理后结果')
结果: