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-charts
type="ring"
:chartData="chartData2"
:inScrollView="true"
:opts="typeRing"
:pageScrollTop="pageScrollTop"
tooltipFormat="KXring"
:canvas2d="true"
canvasId="swiper1Ring"/>