echarts alwaysShowContent无效

echarts alwaysShowContent属性无效
tooltip设置如下

img

  • 这篇博客: 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。用到了 showTiphideTip