Chart.js中的onHover动画

Question

我试图将onHover动画添加到我的条形图中，以便当用户将鼠标悬停在特定的条形上时会“悬浮”。关于如何做到这一点的任何想法？我在onHover中设置条件的原因是，我想确保用户将鼠标悬停在特定的条形上方，而不是图表中的常规区域。除非用户明确将鼠标悬停在特定的栏上，否则item参数为空白。

options对象中的“ animation”和“ onHover”对象是我最近几个小时一直在努力利用的对象。任何指导将不胜感激！请让我知道是否需要提供其他详细信息。

当前代码：

                            onClick: (event, item) => { 
                                var modelPosition = item[0]._index;   
                                window.open(models[modelPosition]);
                            },
                            // animation: {
                            //     duration: 1000,
                            //     easing: '',
                            //     onHover: (event, item) => {
                            //         if (item.length > 0) {

                            //         }
                            //     }
                            // },
                            onHover: (event, item) => {
                                if (item.length > 0) {
                                    item.animate([
                                        { transform: 'translateY(0px)' },
                                        { transform: 'translateY(-300px)' }
                                    ], {
                                        duration: 1000,
                                        iterations: Infinity
                                    })
                                }
                            },