如何以编程方式显示带有 show: false 或 trigger: 'none' 的工具提示？答案

【问题标题】：How to programmatically show a tooltip with either show: false or trigger: 'none'?如何以编程方式显示带有 show: false 或 trigger: 'none' 的工具提示？
【发布时间】：2021-06-16 03:06:39
【问题描述】：

文档说如果 tooltip.trigger: 'none' 可以通过调用类型为 'showTip' 的 dispatchAction 来显示工具提示。但我似乎无法让它发挥作用。有没有人有一个使用 showTip 操作的工作代码的 sn-p 并且可以显示如何配置他们的工具提示以使其工作？

我尝试过使用 {show: false, trigger: 'axis'} 和 {show: true, trigger 'none'}。在这两种情况下，showTip 操作都不执行任何操作。

我不能只使用默认轴触发器 {show: true, trigger: 'axis'} 的原因是它破坏了系列突出显示（我假设是一个错误）。因此，我试图找到一种方法来在鼠标移到图表上的任何位置显示工具提示，但不会禁用突出显示。

**更新：我终于放弃了 EChart 工具提示并最终创建了自己的工具提示。使用ZRender组件可以通过这种方式获取定位信息：

chartObj.getZr().on('mousemove', e => {

   // mouse position within chart, in pixels
   const pointInPixel = [e.offsetX,e.offsetY]
})

【问题讨论】：

标签： echarts

【解决方案1】：

你选择了最困难的方式。要显示/隐藏工具提示，您需要更新实例状态：

instance.setOption({ tooltip: {show: true }}) // or show: false

【讨论】：