Disable undesirable chart animation

ui/src/widgets/ui-chart/UIChart.vue

@@ -222,6 +222,7 @@
                         }
                     },
                     color: this.props.colors,
+                    animation: false,
                     series: []
                 }
                 return options
@@ -254,6 +255,7 @@
                         }
                     },
                     color: this.props.colors,
+                    animation: false,
                     xAxis: {
                         type: chartJStoECharts.axisType(this.xAxisType),
                         name: this.props.xAxisLabel,
@@ -293,9 +295,7 @@
                             }
                         }
                     },
-                    series: [],
-                    animationDuration: 300, // minimal animation on inital data load
-                    animationDurationUpdate: 0 // minimal animation on data update
+                    series: []
                 }
 
                 // if an area chart, set the fill to true
@@ -568,8 +568,6 @@
                         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'
@@ -686,10 +684,10 @@
         updateYAxisLimits (options) {
             if (this.hasData && this.props.xAxisType !== 'radial') {
                 if (!Object.hasOwn(this.props, 'ymin') || this.props.ymin === '' || typeof this.props.ymin === 'undefined') {
                     options.yAxis[0].min = axisHelper.getAxisMin // set sensible y-limits
                 }
                 if (!Object.hasOwn(this.props, 'ymax') || this.props.ymax === '' || typeof this.props.ymax === 'undefined') {
                     options.yAxis[0].max = axisHelper.getAxisMax // set sensible y-limits
                 }
             }
         },