map()方法的妙用、data &&data.map()

复制代码
  const lineY = useMemo(() => {
    var color = ['rgba(23, 255, 243', 'rgba(119,61,190'];
    //如果data有值则执行&&后面的   如果data为空则不执行
    return (
      data.value &&
      data.value.map((item, index) => {
        return {
          name: item.name,
          type: 'line',
          color: color[index] + ')',
          smooth: true,
          areaStyle: {
            normal: {
              color: new echarts.graphic.LinearGradient(
                0,
                0,
                0,
                1,
                [
                  {
                    offset: 0,
                    color: color[index] + ', 0.3)',
                  },
                  {
                    offset: 0.8,
                    color: color[index] + ', 0)',
                  },
                ],
                false,
              ),
              shadowColor: 'rgba(0, 0, 0, 0.1)',
              shadowBlur: 10,
            },
          },
          symbol: 'circle',
          symbolSize: 5,
          data: item.data,
        };
      })
    );
  }, [data]);
复制代码

重点1:useMemo()返回一个数值或数据集合

重点2:map()方法返回的是一个数组。数组的结构组成又map()方法内部的return函数决定 例如上方代码 返回的是[{name,type...},{name2,type2...}]

重点3:data.value &&data.value.map()//如果data有值则执行&&后面的 如果data为空则不执行

posted @   SimoonJia  阅读(657)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示