Merge pull request #27 from prithsharma/animation_support

Support for animations while rendering，thanks
hongyin163 · Sep 1, 2016 · e9724ca · e9724ca
2 parents e5057c0 + f71d38f
commit e9724ca
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/android/src/main/java/cn/mandata/react_native_mpchart/MPBarChartManager.java b/android/src/main/java/cn/mandata/react_native_mpchart/MPBarChartManager.java
@@ -84,6 +84,26 @@ public void setData(BarChart chart,ReadableMap rm){
 
         }
         chart.setData(barData);
-        chart.invalidate();
+
+        /**
+         * Graph animation configurations
+         * If no animation config provided, call chart.invalidate()
+         * animation configs are maps with the following keys
+         * - duration or durationX/durationY in case of animateXY
+         * - support for easeFunction yet to be given
+         */
+        if (rm.hasKey("animateX")) {
+            chart.animateX(rm.getMap("animateX").getInt("duration"));
+        } else if (rm.hasKey("animateY")) {
+            chart.animateY(rm.getMap("animateY").getInt("duration"));
+        } else if (rm.hasKey("animateXY")) {
+            ReadableMap animationConfig = rm.getMap("animateXY");
+            chart.animateXY(
+                animationConfig.getInt("durationX"),
+                animationConfig.getInt("durationY")
+            );
+        } else {
+            chart.invalidate();
+        }
     }
 }
diff --git a/android/src/main/java/cn/mandata/react_native_mpchart/MPLineChartManager.java b/android/src/main/java/cn/mandata/react_native_mpchart/MPLineChartManager.java
@@ -119,6 +119,26 @@ public void setData(LineChart chart,ReadableMap rm){
             chartData.addDataSet(dataSet);
         }
         chart.setData(chartData);
-        chart.invalidate();
+
+        /**
+         * Graph animation configurations
+         * If no animation config provided, call chart.invalidate()
+         * animation configs are maps with the following keys
+         * - duration or durationX/durationY in case of animateXY
+         * - support for easeFunction yet to be given
+         */
+        if (rm.hasKey("animateX")) {
+            chart.animateX(rm.getMap("animateX").getInt("duration"));
+        } else if (rm.hasKey("animateY")) {
+            chart.animateY(rm.getMap("animateY").getInt("duration"));
+        } else if (rm.hasKey("animateXY")) {
+            ReadableMap animationConfig = rm.getMap("animateXY");
+            chart.animateXY(
+                animationConfig.getInt("durationX"),
+                animationConfig.getInt("durationY")
+            );
+        } else {
+            chart.invalidate();
+        }
     }
 }