微信小程序使用echarts，使用 dom.__textCotentBlock 访问 tooltip 的 position: function (point, params, dom, rect, size) {} 在 dom 的 __textCotentBlock 输出undefined

在微信小程序中使用echarts时，由于小程序的限制，对于一些DOM属性的访问可能会受到限制。因此，您在访问tooltip的position函数中的dom的__textCotentBlock时，可能会输出undefined。

如果您想要在tooltip中自定义文本，我建议使用tooltip.formatter属性来控制。您可以在option中设置tooltip.formatter属性，然后在formatter函数中返回自定义的文本内容。例如：

tooltip: {
  formatter: function(params) {
    // 在这里编写自定义的文本内容
    return '自定义的文本内容';
  }
}

在formatter函数中，params参数包含当前数据项的参数，您可以根据它来动态生成文本内容。这种方式相对来说更加灵活，而且不会受到小程序的限制。

相关问题

微信小程序使用echarts，访问 tooltip 的 position: function (point, params, dom, rect, size) {} 在 dom 的 __textCotentBlock

在微信小程序中使用 ECharts，访问 tooltip 的 position 函数中的参数与在浏览器中使用略有不同。由于微信小程序是基于小程序框架运行的，因此无法直接访问 DOM 元素。

但是，ECharts 提供了一个接口 `this.getZr()`，可以获取到 ZRender 实例，从而可以通过 ZRender 实例获取到 tooltip DOM 元素。获取到 DOM 元素后，就可以访问其中的 __textContentBlock 元素了。

下面是获取 tooltip 的 __textContentBlock 元素的示例代码：

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 对象，获取它的位置、大小等信息。

访问echarts中tooltip的 position: function (point, params, dom, rect, size) {} dom 的 __textCotentBlock

好的，您的第一个问题是如何访问echarts中tooltip的position函数中的dom的__textCotentBlock？

首先，让我们了解一下tooltip的position函数。在echarts中，tooltip的位置可以通过设置option中的tooltip.position属性来控制。这个属性可以是一个字符串，也可以是一个函数。如果是一个函数，它将接收以下参数：

- point: 鼠标指针在坐标系中的位置
- params: 当前数据项的参数
- dom: tooltip的DOM元素
- rect: tooltip的包围盒
- size: tooltip的大小

因此，在position函数中，您可以通过访问dom参数来获取tooltip的DOM元素。DOM元素通常包含许多子元素，其中一个是__textCotentBlock。您可以通过以下代码访问它：

dom.__textCotentBlock

请注意，这是一个内部属性，不建议在生产环境中使用。如果您需要在tooltip中自定义文本，建议使用tooltip.formatter属性来控制。