Я пытаюсь добавить анимацию onHover к моей гистограмме, чтобы, когда пользователь наводит курсор на определенную полосу, он «левитировал».Есть идеи, как этого добиться?Причина, по которой у меня есть условие в моем onHover, заключается в том, что я хочу убедиться, что пользователь завис над определенной полосой, а не над общей областью на графике.Параметр item является пустым, если пользователь явно не парил над определенной полосой.
Объекты '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
})
}
},