MouseOver заставляет графики мерцание и изменение размера ⇐ Jquery

[Anonymous]

Чтобы начать, я сделал короткое видео, чтобы точно показать, с чем я сталкиваюсь. Но когда я выбираю стержни/очки, диаграмма изменит размер его элементов и мерцает. Странно то, что это совершенно непоследовательно. Иногда, когда я обновляюсь, у него нет такого поведения вообще; Но если я что -то колеблюсь, и это начнет это делать, это не остановится, пока я снова не освежу или не захожу из вкладки (это также несовместимо с этим). Я ничего не меняю в коде, когда это происходит, он делает все это самостоятельно. Среди моих решений: я сделал точку, чтобы добавить указанную высоту/ширину в Divs & Canvas, создавая графики; Установите продолжительность анимации на 0, продолжительность анимации Hover до 0 и отзывчивую продолжительность анимации до 0; Я гарантировал, что отзывник настроен на True, и продолжал поддерживать соотношение сторон как истинное, изменил режим подъема инструментов ... Я пробовал все это, среди других мелочей, которые, кажется, имеют небольшой эффект. < /p>

Вот один из моих диаграмм (без того, как я захватываю данные JSON и т. Д., Только диаграмма): < /p>

new Chart($("#runwayChart"), {
type: "horizontalBar",
data: {
labels: runwayLabels,
datasets: [{
label: "Months Left", fill: true,
backgroundColor: "#3333ff",
borderColor: "#3333ff",
data: score
}, {
label: "Expenses",
fill: true,
backgroundColor: "#aa2222",
borderColor: "#aa2222",
data: expenses
}, {
label: "Revenue",
fill: true,
backgroundColor: "#2222aa",
borderColor: "#2222aa",
data: revenues
}]
},
options: {
tooltips: {
mode: 'index'
},
responsive: true,
maintainAspectRatio: true,
animation: {
duration: 0,
},
hover: {
animationDuration: 0,
},
responsiveAnimationDuration: 0
}
});
< /code>

Я бы признателен, любую помощь всем вам! < /p>

спасибо =) < /p>

Подробнее здесь: https://stackoverflow.com/questions/457 ... and-resize