Version

5.6.0

Link to Minimal Reproduction

1. copy the code from demo2 in into demo
2. click one bar and you can see the axis tooltip
3. press Ctrl and the tooltip is still the axis tooltip (NG)
4. mousemove to see the item tooltip

Steps to Reproduce

I want to show different tooltip when thectrl key is pressed or not.

document.addEventListener('keydown', (e) => {
    if (e.ctrlKey) myChart.setOption({ tooltip: { trigger: 'item' } })
})
document.addEventListener('keyup', (e) => {
    myChart.setOption({ tooltip: { trigger: 'axis' } })
})

When I press the key, the tooltip is not refreshed until I move the mouse.
After I move the mouse and the new tooltip gets shown once, releasing/pressing the key can toggles the tooltip as expected.

Current Behavior

When I press the key, the tooltip is not refreshed until I move the mouse.

Expected Behavior

When I press the key, the tooltip should be refreshed.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response