radialbar animation issue - fixes #348

apexcharts · Feb 23, 2019 · f8c6463 · f8c6463
1 parent cec7f76
commit f8c6463
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/charts/Pie.js b/src/charts/Pie.js
@@ -412,18 +412,17 @@ class Pie {
     me.animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts)
   }
 
-  animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, params) {
+  animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts) {
     let me = this
     const w = this.w
 
     let size = me.size
 
     if (!size) {
-      size = params.size
+      size = opts.size
     }
 
     let path
-    let opts = params
 
     if (isNaN(fromStartAngle) || isNaN(prevAngle)) {
       fromStartAngle = toStartAngle
@@ -435,7 +434,7 @@ class Pie {
     let startAngle = toStartAngle
     let fromAngle = fromStartAngle - toStartAngle
 
-    if (w.globals.dataChanged && params.shouldSetPrevPaths) {
+    if (w.globals.dataChanged && opts.shouldSetPrevPaths) {
       // to avoid flickering, set prev path first and then we will animate from there
       path = me.getPiePath({
         me,
@@ -462,7 +461,7 @@ class Pie {
         })
         .during(function(pos) {
           currAngle = fromAngle + (angle - fromAngle) * pos
-          if (params.animateStartingPos) {
+          if (opts.animateStartingPos) {
             currAngle = prevAngle + (angle - prevAngle) * pos
             startAngle =
               fromStartAngle -
@@ -491,7 +490,9 @@ class Pie {
         size
       })
 
-      w.globals.animationEnded = true
+      if (!opts.isTrack) {
+        w.globals.animationEnded = true
+      }
       el.node.setAttribute('data:pathOrig', path)
 
       el.attr({

diff --git a/src/charts/Radial.js b/src/charts/Radial.js
@@ -168,6 +168,7 @@ class Radial extends Pie {
         totalItems: 2,
         animBeginArr: 0,
         dur: 0,
+        isTrack: true,
         easing: w.globals.easing
       })
     }