大屏antdesign走马灯轮播加图形渲染

项目是vue+antdesign,要做大屏,实现的效果是轮播切换,每五条一组,分别有柱状图和饼状图

  • 首先父组件布局 图标类的为子组件
  • 父组件的大概数据格式为

在这里插入图片描述

  • 本来是多条数据,分成每五条一组
    在这里插入图片描述

子组件内渲染数据
在这里插入图片描述
在这里插入图片描述

一开始使用getElementByClassName 会导致轮播和双重循环出现问题,数据对应不上,方法错误,直接用一层ref搞定

猜你喜欢

转载自blog.csdn.net/weixin_43877575/article/details/123706230