当前位置：首页 > article >正文

微信小程序应用echarts和二维表的结合

article 2024/10/21 2:21:10

1.刚进入页面时，'小馋猫'图片的位置是由echarts图表的，'这个你别管，我有我的难处'，是由二维表组成的

当滑动鼠标时，会出现这种情况，echarts图表随着鼠标滑动，位置不固定

3.解决问题，因为'小馋猫'图片所在的echarts图表有 position: relative;或者其他原因

.compCh .tabel {
  width: 100%;
  height: 750rpx;
  position: relative;
}

4.所以将二维表的前后都加上了占位ecahrts图表，然后就正常了

.compCh {
  background: #fff;
  padding-top: 30rpx;
  position: relative;
}

.compCh .card {
  top: 0;
  width: 100%;
  height: 750rpx;
  /* 容器相对定位 */
}

.compCh .tabel {
  width: 100%;
  height: 750rpx;
  position: relative;
}

.compCh .tabel .back {
  color: #12B391;
  padding-top: 0%;
  text-align: left;
  top: 0%;
  right: 0%;
  font-size: 30rpx;
  padding: 0 0;
  position: absolute;
}