From ce8e5626745b5abd9b36e1402fe1940adbb3a377 Mon Sep 17 00:00:00 2001 From: colinl Date: Tue, 21 Oct 2025 09:34:55 +0100 Subject: [PATCH 1/2] Disable chart animation --- ui/src/widgets/ui-chart/UIChart.vue | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/ui/src/widgets/ui-chart/UIChart.vue b/ui/src/widgets/ui-chart/UIChart.vue index b754b68e..4dccfdb0 100644 --- a/ui/src/widgets/ui-chart/UIChart.vue +++ b/ui/src/widgets/ui-chart/UIChart.vue @@ -222,6 +222,7 @@ export default { } }, color: this.props.colors, + animation: false, series: [] } return options @@ -254,6 +255,7 @@ export default { } }, color: this.props.colors, + animation: false, xAxis: { type: chartJStoECharts.axisType(this.xAxisType), name: this.props.xAxisLabel, @@ -294,8 +296,6 @@ export default { } }, series: [], - animationDuration: 300, // minimal animation on inital data load - animationDurationUpdate: 0 // minimal animation on data update } // if an area chart, set the fill to true @@ -568,8 +568,6 @@ export default { radius: this.chartType === 'doughnut' ? ['40%', '100%'] : '100%', data: [], top: this.hasTitle ? 40 : 0, // account for the title - animationDuration: 300, // minimal animation on inital data load - animationDurationUpdate: 0, // minimal animation on data update itemStyle: { borderWidth: 2, borderColor: '#fff' From 845cf4b24d0532973329ab975d7dc755d273178e Mon Sep 17 00:00:00 2001 From: colinl Date: Tue, 21 Oct 2025 09:44:26 +0100 Subject: [PATCH 2/2] Fix linting error --- ui/src/widgets/ui-chart/UIChart.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/src/widgets/ui-chart/UIChart.vue b/ui/src/widgets/ui-chart/UIChart.vue index 4dccfdb0..99a9c437 100644 --- a/ui/src/widgets/ui-chart/UIChart.vue +++ b/ui/src/widgets/ui-chart/UIChart.vue @@ -295,7 +295,7 @@ export default { } } }, - series: [], + series: [] } // if an area chart, set the fill to true