CommonCharts中的tooltip.position属性,使用函数进行修改无法生效
Posted: 2025年 Jun 5日 11:31
- Tuya MiniApp IDE 版本信息:关于中查看
- App 应用版本信息: 设置-关于中进行查看~
"@ray-js/panel-sdk": "1.13.1",
"@ray-js/ray": "1.6.1", - 相关代码:
Code: Select all
<CommonCharts unit="℃" // 数据单位 customStyle={{display:'flex',height: '450rpx',width:'450rpx',padding:'16rpx' }} option={{ backgroundColor: '#fff', xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], }, yAxis: { type: 'value', }, tooltip: { show: true, position: function (point, params, dom, rect, size) { // 固定在顶部 return [point[0], '10%']; } }, series: [ { name: '测试样例', data: [150, 230, 224, 218, 135, 147, 260], type: 'bar', }, ], }} />
- 日志信息:无
- 问题描述(复现步骤):点击图表中某列数据,提示框并未按照position中定义的,位于该列顶部
- 预期结果:点击后,提示框显示在该列顶部
- 实际结果:随着鼠标浮动
- App 应用版本信息: 设置-关于中进行查看~