[pve-devel] [PATCH widget-toolkit] panel/RRDChart: fix animation settings for highlight/marker

Dominik Csapak d.csapak at proxmox.com
Thu May 27 15:15:58 CEST 2021


in extjs 7.0, the marker does not have the 'fx' property anymore,
but the now documented 'animation' property does not work as it seems.

instead set the animation settings directly on the chart. The only
downside is that this is now for *all* animations, not only the
fade in of the highlight. (the default duration is 500ms)

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 src/panel/RRDChart.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/panel/RRDChart.js b/src/panel/RRDChart.js
index 859cb39..517c45d 100644
--- a/src/panel/RRDChart.js
+++ b/src/panel/RRDChart.js
@@ -246,10 +246,6 @@ Ext.define('Proxmox.widget.RRDChart', {
 		    marker: {
 			opacity: 0,
 			scaling: 0.01,
-			fx: {
-			    duration: 200,
-			    easing: 'easeOut',
-			},
 		    },
 		    highlightCfg: {
 			opacity: 1,
@@ -266,7 +262,10 @@ Ext.define('Proxmox.widget.RRDChart', {
 
 	// enable animation after the store is loaded
 	me.store.onAfter('load', function() {
-	    me.setAnimation(true);
+	    me.setAnimation({
+		duration: 200,
+		easing: 'easeIn',
+	    });
 	}, this, { single: true });
     },
 });
-- 
2.20.1





More information about the pve-devel mailing list