微信小程序使用echarts,访问 tooltip 的 position: function (point, params, dom, rect, size) {} 在 dom 的 __textCotentBlock
时间: 2024-03-10 11:44:04 浏览: 87
在微信小程序中使用echarts
在微信小程序中使用 ECharts,访问 tooltip 的 position 函数中的参数与在浏览器中使用略有不同。由于微信小程序是基于小程序框架运行的,因此无法直接访问 DOM 元素。
但是,ECharts 提供了一个接口 `this.getZr()`,可以获取到 ZRender 实例,从而可以通过 ZRender 实例获取到 tooltip DOM 元素。获取到 DOM 元素后,就可以访问其中的 __textContentBlock 元素了。
下面是获取 tooltip 的 __textContentBlock 元素的示例代码:
```javascript
chart.on('showTip', function (params) {
var zr = chart.getZr();
var tooltipDOM = zr.dom.getElementsByClassName('ec-tooltip')[0];
var textContentBlock = tooltipDOM.querySelector('.ec-tooltip-content');
// 在这里访问 __textContentBlock 元素
console.log(textContentBlock);
});
```
在上面的代码中,我们通过 `zr.dom.getElementsByClassName('ec-tooltip')[0]` 获取到了 tooltip 的 DOM 元素,然后通过 `querySelector('.ec-tooltip-content')` 获取到了 __textContentBlock 元素。最后,你就可以访问 textContentBlock 对象,获取它的位置、大小等信息。
阅读全文