当前位置: 代码迷 >> 综合 >> uCharts swiper、scroll-view、绝对定位等布局
  详细解决方案

uCharts swiper、scroll-view、绝对定位等布局

热度:74   发布时间:2023-11-11 07:56:56.0

Swiper嵌套:

inScrollView: 开启,
pageScrollTop:在onPageScroll中绑定页面滚动距离.(动态传入offsetTop的值)
canvas2d:开启(小程序层级兼容,不能使用真机调试,请直接预览,调试请先关闭)
canvasId:开启canvas2d后,需要手动指定canvasId。且父元素不能含有v-if改v-show

Scroll-view嵌套:

inScrollView: 开启,
pageScrollTop:在onPageScroll中绑定页面滚动距离。(既有页面滚动,还有scroll-view滚动,这种情况下,需要动态传入offsetTop的值为页面滚动条滚动的距离)
canvasId:建议手动添加id,来减少图表不显示问题

绝对定位

**父元素fixed定位
其余配置同上

v-for生成:

Animation:关闭
**建议循环使用时,加上key值 **
|
|
|

代码示例

<qiun-data-chartstype="ring":chartData="chartData2":inScrollView="true":opts="typeRing":pageScrollTop="pageScrollTop"tooltipFormat="KXring":canvas2d="true"canvasId="swiper1Ring"/>
  相关解决方案