echarts alwaysShowContent无效

Question

echarts alwaysShowContent属性无效
tooltip设置如下

Answer 1

• 这篇博客: ECharts - 13.小例子：自己实现拖拽中的 （二）添加 tooltip 组件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 到此，拖拽的基本功能就完成了。但是想要更进一步得实时看到拖拽过程中，被拖拽的点的 data 值的变化状况，我们可以使用 tooltip 组件来实时显示这个值。但是，tooltip 有其默认的『显示』『隐藏』触发规则，在我们拖拽的场景中并不适用，所以我们还要手动定制 tooltip 的『显示』『隐藏』行为。

  在上述代码中分别添加如下定义：

  myChart.setOption({
      ...,
      tooltip: {
          // 表示不使用默认的『显示』『隐藏』触发规则。
          triggerOn: 'none',
          formatter: function (params) {
              return 'X: ' + params.data[0].toFixed(2) + '<br>Y: ' + params.data[1].toFixed(2);
          }
      }
  });
  

  myChart.setOption({
      graphic: echarts.util.map(data, function (item, dataIndex) {
          return {
              type: 'circle',
              ...,
              // 在 mouseover 的时候显示，在 mouseout 的时候隐藏。
              onmousemove: echarts.util.curry(showTooltip, dataIndex),
              onmouseout: echarts.util.curry(hideTooltip, dataIndex),
          };
      })
  });
  
  function showTooltip(dataIndex) {
      myChart.dispatchAction({
          type: 'showTip',
          seriesIndex: 0,
          dataIndex: dataIndex
      });
  }
  
  function hideTooltip(dataIndex) {
      myChart.dispatchAction({
          type: 'hideTip'
      });
  }
  

  这里使用了 dispatchAction 来显示隐藏 tooltip。用到了 showTip、hideTip。