ucharts发布到微信小程序点击位置偏移

河里的一滴水

已于 2023-03-29 17:57:30 修改

阅读量505

点赞数

文章标签： vue.js

于 2023-03-29 17:52:27 首次发布

本文链接：https://blog.csdn.net/qq_37012235/article/details/129841960

版权

在微信小程序中，通过给组件添加`inScrollView=true`属性可以解决图表不跟随页面滑动的问题。同时，启用`canvas2d=true`并配合`canvas-id`可以开启canvas2d渲染模式，避免图表层级过高导致的显示问题。

摘要由CSDN通过智能技术生成

问题如标题，解决办法是在微信小程序中添加 inScrollView="true"属性。

另说明:canvas2d="true"作用，开启canvas2d渲染模式，需要与canvas-id="xxx" 一起使用。

如不开启会存在图表层级过高，不跟随页面滑动等问题。

<!-- #ifdef MP-WEIXIN -->
<qiun-data-charts 
    type="column" 
    :loadingType="1" 
    :chartData="chartData" 
    :opts="opts" 
    :ontouch="true" 
    :canvas2d="true"
    canvas-id="column" 
    inScrollView="true"/>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<qiun-data-charts 
    type="column" 
    :loadingType="1" 
    :chartData="chartData" 
    :opts="opts" 
    :ontouch="true" 
    :canvas2d="true"
    canvas-id="column"/>
<!-- #endif -->