成都网站建设有限公司,网站空间哪里的好,标书制作技巧,宜兴网站建设哪家好文章目录 uniapp - 微信小程序 - 使用uCharts的一些问题一、开发者工具显示正常#xff0c;真机调试统计图不随页面滚动二、数据过多开启滚动条#xff0c;无法滑动滚动条三、饼图点击不显示提示窗/点击位置bug、多个同类型统计图点击不显示提示框问题四、 formatter 自定义 … 文章目录 uniapp - 微信小程序 - 使用uCharts的一些问题一、开发者工具显示正常真机调试统计图不随页面滚动二、数据过多开启滚动条无法滑动滚动条三、饼图点击不显示提示窗/点击位置bug、多个同类型统计图点击不显示提示框问题四、 formatter 自定义 uniapp - 微信小程序 - 使用uCharts的一些问题
tips组件使用原生使用不适用
一、开发者工具显示正常真机调试统计图不随页面滚动
解决启用 :canvas2dtrue 同时设置canvasId启用canvas2d 后开发者工具显示统计图不随页面滚动但真机是正常的。
qiun-data-charts typecolumn :ontouchtrue :optsopts :canvas2dtrue canvasIdcanvans1 :chartDatachartData/二、数据过多开启滚动条无法滑动滚动条
解决 启用 :ontouch true。
qiun-data-charts typecolumn :ontouchtrue :optsopts :canvas2dtrue canvasIdcanvans2 :chartDatachartData/启用滚动条
chartData:{enableScroll: true,xAxis: {disableGrid: true,scrollShow: true,itemCount: 6},extra:{...}
}三、饼图点击不显示提示窗/点击位置bug、多个同类型统计图点击不显示提示框问题
解决可能是开启scroll-view、overflow或定位导致touch事件的event错乱本例是使用了scroll-view开启 :inScrollViewtrue可解决大多点击事件错乱问题。
qiun-data-charts :ontouchtrue :inScrollViewtrue typepie :optsopts :canvas2dtrue canvasIdcanvans1 :chartDatachartData/四、 formatter 自定义
找到 config-ucharts.js找到 formatter 添加自己的方法 使用format参数调用 官方解释
官方文档https://www.ucharts.cn/v2/#/
