自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

qq_30312887的博客

原创【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】

*uniapp+ucharts折线图滑动展示提示窗toolTip，展示对应坐标轴的数据。**

2025-05-08 14:21:44 1108 3

原创【使用elementui中的checkBox复选框组件时，绑定click事件会触发两次（已解决）】

使用elementui中的checkBox复选框组件时，绑定click事件会触发两次。点击取消会再弹出一次。

2023-06-05 19:31:58 3249

原创【解决vue3父组件通过ref调用子组件方法undefind问题】

解决vue3父组件通过ref调用子组件方法undefind问题

2023-03-10 11:36:44 3028 3

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

坤子前端成长日记

博客等级

码龄10年

3
原创

25
点赞

35
收藏

10
粉丝

关注

私信

分类专栏

uniapp开发日记
vue3开发日记 1篇

最新评论

【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】
m0_69070938: enableScroll: true,加上这个点击获取的下标就不准确了
【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】
RUNLIN_: 传入参数 inScrollView=true 就可以了不需要这么麻烦吧 [code=html] <qiun-data-charts :canvasId="item.infoData.id ? item.infoData.id : ''" :type="item.infoData.type" :opts="item.infoData.opts ? item.infoData.opts : opts" :chartData="item.chartData" :ontouch="true" errorMessage="网络错误，点击重试404" @getIndex="handleTap" :inScrollView="true" /> [/code]
【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】
fire93、: 学到了 const tap = (e: any) => { const opts = uChartsInstance.value[e.target.id].opts const dataAreaWidth = opts.width; // 数据区域宽度 const yAxisWidth = uChartsInstance.value[e.target.id].config.yAxisWidth // y轴宽度 const clickX = e.changedTouches[0].x; // canvas 上的点击位置 X 坐标 const dataCount = opts.categories.length; const space = (dataAreaWidth - yAxisWidth - 5) / dataCount; // 左右有留白，不dataCount - 1，左右分别占半个space let num = 0; // 默认第一条数据 if (clickX <= yAxisWidth + 5) { num = 0; // 点击Y轴区域，强制索引为0 } else { // 正常计算数据索引 num = Math.floor(((clickX - yAxisWidth - 5) / space) + 0.5); num = Math.max(0, Math.min(num, dataCount - 1)); } e.stopPropagation(); uChartsInstance.value[e.target.id].touchLegend(e); uChartsInstance.value[e.target.id].showToolTip(e, { index: num, }); };
【解决vue3父组件通过ref调用子组件方法undefind问题】
坤子前端成长日记: 获取组件实例
【解决vue3父组件通过ref调用子组件方法undefind问题】
比较菜的Curry: 你这getCurrentInstance 是啥

提示

确定要删除当前文章？

取消删除

原创 【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】

原创 【使用elementui中的checkBox复选框组件时，绑定click事件会触发两次（已解决）】

原创 【解决vue3父组件通过ref调用子组件方法undefind问题】

空空如也

空空如也

原创【uniapp+ucharts折线图滑动图表展示提示窗toolTip异常，无法正常显示toolTip--(01)（已解决）】

原创【使用elementui中的checkBox复选框组件时，绑定click事件会触发两次（已解决）】

原创【解决vue3父组件通过ref调用子组件方法undefind问题】