]> git.proxmox.com Git - proxmox-widget-toolkit.git/commitdiff
panel/RRDChart: fix animation settings for highlight/marker
authorDominik Csapak <d.csapak@proxmox.com>
Thu, 27 May 2021 13:15:58 +0000 (15:15 +0200)
committerThomas Lamprecht <t.lamprecht@proxmox.com>
Fri, 28 May 2021 05:56:23 +0000 (07:56 +0200)
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@proxmox.com>
src/panel/RRDChart.js

index 859cb39c0eda01a11f93747614f83bb3c6deff6e..517c45d1efc7adad96330e3e49dfb8ae14d6ecb0 100644 (file)
@@ -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 });
     },
 });