循环forEach坑,复杂数据类型处理,一人血书,求解决的方法!!!!!!

一人血书,求解决的方法!!!!!!

背景
现在就是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,'------处理后结果')

结果:
运行结果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值