mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 04:09:29 +02:00
added transition for graph-component for crash
This commit is contained in:
@@ -40,8 +40,8 @@ export default {
|
|||||||
},
|
},
|
||||||
animation: {
|
animation: {
|
||||||
duration: 200,
|
duration: 200,
|
||||||
easing: "linear",
|
easing: "easeInOutQuad",
|
||||||
delay: (context) => context.dataIndex * 2,
|
delay: 50,
|
||||||
onProgress: (animation) => {
|
onProgress: (animation) => {
|
||||||
const chart = animation.chart;
|
const chart = animation.chart;
|
||||||
const ctx = chart.ctx;
|
const ctx = chart.ctx;
|
||||||
@@ -93,7 +93,7 @@ export default {
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
updateData() {
|
updateData() {
|
||||||
const interval = 255;
|
const interval = 495;
|
||||||
let counter = 0;
|
let counter = 0;
|
||||||
|
|
||||||
const updateInterval = setInterval(() => {
|
const updateInterval = setInterval(() => {
|
||||||
@@ -129,6 +129,7 @@ export default {
|
|||||||
.chart-container canvas {
|
.chart-container canvas {
|
||||||
width: 600px !important;
|
width: 600px !important;
|
||||||
height: 400px !important;
|
height: 400px !important;
|
||||||
|
transition: .3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user