Support to render chart once angularDOM compilation is completed.

This only halts the rendering part of fusioncharts until angular
execution finishes.

Author: adotg

src/angular-fusioncharts.js

@@ -19,7 +19,7 @@
 // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE. 
-
+var counter = 0;
 (function() {
     var fc = angular.module('ng-fusioncharts', []);
 
@@ -358,8 +358,15 @@
                         if (chart && chart.dispose) {
                             chart.dispose();
                         }
-                        chart = new FusionCharts(chartConfigObject).render();
-                        scope[attrs.chartobject] = chart;
+                        chart = new FusionCharts(chartConfigObject);
+						
+                        angular.element(document).ready(function(){
+                            element.ready(function(){
+                                 // Render the chart only when angular is done compiling the element and DOM.
+                                chart = chart.render();
+                                scope[attrs.chartobject] = chart;
+                            });
+                        });
                     },
                     dataStringStore = {},
                     i,
@@ -448,4 +455,4 @@
             }
         };
     }]);
-}());
+}());