echarts中 在tooltip中设置 { position: 'left' },没生效

在 ECharts 中，设置 tooltip 的位置可以使用 `position` 属性，可以设置为 `'top'`, `'bottom'`, `'left'`, `'right'`, `'inside'`, `'insideLeft'`, `'insideRight'`, `'insideTop'`, `'insideBottom'`, `'insideTopLeft'`, `'insideBottomLeft'`, `'insideTopRight'`, `'insideBottomRight'` 等值。

如果设置 `position: 'left'` 没有生效，可能是由于其他配置项影响了 tooltip 的位置。你可以尝试以下方法来解决：

1. 将 `position: 'left'` 放在 tooltip 其他配置项的前面，确保其优先级最高。

2. 确认是否存在其他配置项导致 tooltip 位置发生了变化，例如 `grid`、`axis`、`toolbox` 等。

3. 尝试使用 `formatter` 属性来自定义 tooltip 的显示内容和位置，例如：

tooltip: {
    formatter: function(params) {
        return params.value[0] + '<br/>' + params.value[1];
    },
    position: 'top'
}

希望能帮助到你解决问题。

相关问题

微信小程序使用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属性详解

ECharts中的tooltip组件是用来展示数据标注信息的，而tooltip的position属性则用来设置tooltip的显示位置。position属性可以设置为以下几种值：

- inside：将tooltip显示在数据图形内部，如果数据图形的空间不足以显示整个tooltip，则会自动调整位置。
- top：将tooltip显示在数据图形的上方。
- left：将tooltip显示在数据图形的左侧。
- right：将tooltip显示在数据图形的右侧。
- bottom：将tooltip显示在数据图形的下方。

除了上述的五个预设值之外，position属性还可以设置为一个数组，数组的第一个值表示tooltip的横坐标，第二个值表示tooltip的纵坐标。例如：

tooltip: {
  position: [10, 10]
}

这样设置之后，tooltip就会固定显示在坐标轴的左上角。

需要注意的是，当position属性设置为数组时，tooltip的位置不会自动调整，如果超出数据图形边界，则可能会被遮挡或者显示不全。因此，一般情况下建议使用预设值来设置tooltip的位置。