Merge pull request #6 from quantum/master

No longer require an id but rather generate one if not present

Author: mike-schultz

src/zingchart-angularjs.js

@@ -2,6 +2,8 @@
     'use strict';
     angular.module('zingchart-angularjs', [] )
     .directive('zingchart', [function(){
+        var currentAutoId = 1;
+
         return {
             restrict : 'EA',
             scope : {
@@ -10,6 +12,17 @@
                 zcRender : '='
             },
             controller : ['$scope', '$element', '$attrs', function($scope, $element, $attrs){
+                var id;
+
+                // Get or generate id
+                if(!$element.attr('id')){
+                    id = 'zingchart-auto-' + currentAutoId;
+                    currentAutoId++;
+                    $element.attr('id', id);
+                } else {
+                    id = $element.attr('id');
+                }
+
                 var initializing = {
                     json : true,
                     values :true
@@ -21,12 +34,12 @@
                     }
                     if($scope.zcValues){
                         if(isMultiArray($scope.zcValues)){
-                            zingchart.exec($attrs.id, 'setseriesvalues', {
+                            zingchart.exec(id, 'setseriesvalues', {
                                 values : $scope.zcValues
                             });
                         }
                         else{
-                            zingchart.exec($attrs.id, 'setseriesvalues', {
+                            zingchart.exec(id, 'setseriesvalues', {
                                 values : [$scope.zcValues]
                             });
                         }
@@ -64,18 +77,15 @@
                         else{
                             _json.type = ($attrs.zcType) ? $attrs.zcType : _json.type
                         }
-                        zingchart.exec($attrs.id, 'setdata', {
+                        zingchart.exec(id, 'setdata', {
                             data : _json
                         });
                     }
                 },true);
 
             }],
             link : function($scope, $element, $attrs){
-                //Setup json :
-                if(!$attrs.id){
-                    throw new Error('ZingChart-AngularJS : Attribute ID needed');
-                }
+                var id = $element.attr('id');
 
                 //Defaults
                 var _json = {
@@ -128,7 +138,7 @@
                 _json.data.type = ($attrs.zcType) ? $attrs.zcType : _json.data.type;
                 _json.height = ($attrs.zcHeight) ? $attrs.zcHeight : _json.height;
                 _json.width = ($attrs.zcWidth) ? $attrs.zcWidth : _json.width;
-                _json.id = $attrs.id;
+                _json.id = id;
 
                 //Set the box-model of the container element if the height or width are defined as 100%.
                 if(_json.width === "100%" && !$element.width){