onAnimationComplete added, used for exporting images

Author: Jelte Lagendijk

src/ChartJS/widgets/BarChart/widget/BarChart.js

@@ -160,7 +160,11 @@ define([
                         scaleLineWidth : this.scaleLineWidth,
 
                         //The scale line color
-                        scaleLineColor : this.scaleLineColor
+                        scaleLineColor : this.scaleLineColor,
+
+                        animation: {
+                            onComplete: lang.hitch(this, this._animationComplete)
+                        }
                     })
                 };
 

src/ChartJS/widgets/Core.js

@@ -66,6 +66,7 @@ define([
         _legendNode: null,
         _mxObj: null,
         _handle: null,
+        _dataURL: "",
 
         _chartType: null,
 
@@ -662,6 +663,11 @@ define([
             if (cb && typeof cb === "function") {
                 cb();
             }
+        },
+
+        _animationComplete: function () {
+            logger.debug(this.id + "._animationComplete");
+            // Use this.canvasNode.toDataURL() to get an image
         }
 
     });

src/ChartJS/widgets/DoughnutChart/widget/DoughnutChart.js

@@ -127,7 +127,11 @@ define([
                     legendCallback : this._legendAlternateCallback,
 
                     //Number - The percentage of the chart that we cut out of the middle
-                    cutoutPercentage : this.percentageInnerCutout
+                    cutoutPercentage : this.percentageInnerCutout,
+
+                    animation: {
+                        onComplete: lang.hitch(this, this._animationComplete)
+                    }
                 })
             });
 

src/ChartJS/widgets/LineChart/widget/LineChart.js

@@ -203,7 +203,11 @@ define([
                         scaleLineWidth : this.scaleLineWidth,
 
                         //The scale line color
-                        scaleLineColor : this.scaleLineColor
+                        scaleLineColor : this.scaleLineColor,
+
+                        animation: {
+                            onComplete: lang.hitch(this, this._animationComplete)
+                        }
                     })
                 };
 

src/ChartJS/widgets/PieChart/widget/PieChart.js

@@ -133,6 +133,9 @@ define([
                         //cutOut of pie
                         cutoutPercentage : 0, //always zero for Pie chart
 
+                        animation: {
+                            onComplete: lang.hitch(this, this._animationComplete)
+                        }
                     })
                 };
                 this._chart = new this._chartJS(this._ctx, chartProperties);

src/ChartJS/widgets/PolarChart/widget/PolarChart.js

@@ -170,7 +170,11 @@ define([
                     showTooltips : this.showTooltips,
 
                     // Custom tooltip?
-                    customTooltips : false //lang.hitch(this, this.customTooltip)
+                    customTooltips : false, //lang.hitch(this, this.customTooltip)
+
+                    animation: {
+                        onComplete: lang.hitch(this, this._animationComplete)
+                    }
 
                 }
             });

src/ChartJS/widgets/RadarChart/widget/RadarChart.js

@@ -170,7 +170,11 @@ define([
                         //Boolean - Whether to fill the dataset with a colour
                         datasetFill : this.datasetFill,
 
-                        legendCallback : this._legendCallback
+                        legendCallback : this._legendCallback,
+
+                        animation: {
+                            onComplete: lang.hitch(this, this._animationComplete)
+                        }
                     })
                 });
 

src/ChartJS/widgets/StackedBarChart/widget/StackedBarChart.js

@@ -168,7 +168,11 @@ define([
                         scaleLineWidth : this.scaleLineWidth,
 
                         //The scale line color
-                        scaleLineColor : this.scaleLineColor
+                        scaleLineColor : this.scaleLineColor,
+
+                        animation: {
+                            onComplete: lang.hitch(this, this._animationComplete)
+                        }
                     })
                 };