Анимации на Hover в Chart.js - PullRequest
0 голосов
/ 23 июня 2019

Я пытаюсь добавить анимацию 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
                                    })
                                }
                            },
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...