From a4e2cb1e36c674875a22513729115a15e3be93c0 Mon Sep 17 00:00:00 2001 From: Kostya Date: Thu, 1 Feb 2024 23:11:24 +0300 Subject: [PATCH] added transition for graph-component for crash --- .../components/games-components/CrashGraphComponent.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/luckydiamond/src/components/games-components/CrashGraphComponent.vue b/luckydiamond/src/components/games-components/CrashGraphComponent.vue index 71e5e48..697dbac 100644 --- a/luckydiamond/src/components/games-components/CrashGraphComponent.vue +++ b/luckydiamond/src/components/games-components/CrashGraphComponent.vue @@ -40,8 +40,8 @@ export default { }, animation: { duration: 200, - easing: "linear", - delay: (context) => context.dataIndex * 2, + easing: "easeInOutQuad", + delay: 50, onProgress: (animation) => { const chart = animation.chart; const ctx = chart.ctx; @@ -93,7 +93,7 @@ export default { methods: { updateData() { - const interval = 255; + const interval = 495; let counter = 0; const updateInterval = setInterval(() => { @@ -129,6 +129,7 @@ export default { .chart-container canvas { width: 600px !important; height: 400px !important; + transition: .3s ease; }